<form id="post-edit-id-{{hintId}}" *ngIf="!isModalFlow && formGroup" [formGroup]="formGroup" [ngStyle]="tagData.cssStyle | styleFilter" class="form-bg">
  <List *ngFor="let item of tagData.data.htmlObj, let i=index" [ngSwitch]="item.formType">
      
      <ng-container *ngSwitchCase="'dragSort'">
        <app-text-input [item]="item" (output) = "outputTextInput($event)"> </app-text-input>
      </ng-container>
        <ng-container *ngSwitchCase="'switchButtonKD'">
          <app-text-input [item]="item" (output) = "outputTextInput($event)"> </app-text-input>
        </ng-container>
        <ng-container *ngSwitchCase="'sendRecAddress'">
          <app-text-input [item]="item" (output) = "outputTextInput($event)"> </app-text-input>
        </ng-container>
        <ng-container *ngSwitchCase="'paresAddress'">
          <app-text-input [item]="item" (output) = "outputTextInput($event)"> </app-text-input>
        </ng-container>
        <ng-container *ngSwitchCase="'selectCertificates'">
          <app-text-input [item]="item" (output) = "outputTextInput($event)"> </app-text-input>
        </ng-container>
        <ng-container *ngSwitchCase="'passwordType'">
          <app-text-input [item]="item" (output) = "outputTextInput($event)"> </app-text-input>
        </ng-container>
        <ng-container *ngSwitchCase="'textInput'">
          <app-text-input [item]="item" (output) = "outputTextInput($event)"> </app-text-input>
          <ng-container *ngIf="item.subHtmlObj">
            <ng-container *ngFor="let it of item.subHtmlObj" [ngSwitch]="it.formType">
              <ng-container *ngSwitchCase="'textInput'">
                <ng-container
                  *ngIf="(item.value && it.showCondition && it.showCondition.indexOf(item.value) > -1) ||  !it.showCondition">
                  <app-text-input [superItem]="item" [item]="it" (output) = "outputTextInput($event)"> </app-text-input>
                </ng-container>
              </ng-container>
              </ng-container>
              <ng-container *ngSwitchCase="'checkBox'">
                <ng-container
                  *ngIf="(item.value && it.showCondition && it.showCondition.indexOf(item.value) > -1) ||  !it.showCondition">
                  <app-text-input [item]="it" (output) = "outputTextInput($event)"> </app-text-input>  
                  
                </ng-container>


              </ng-container>

              <!-- 分段 标题描述 -->
              <ng-container *ngSwitchCase="'sectionDesc'">
                <ng-container
                  *ngIf="(item.value && it.showCondition && it.showCondition.indexOf(item.value) > -1) ||  !it.showCondition">
                  <p class="section-desc" [ngStyle]="it.cssStyle | styleFilter" appDebounceClick (debounceClick)="openPage(it.link)">
                    <span [ngStyle]="it.labelCssStyle | styleFilter" class="sectionDescLabel"[innerHTML] = "it.label | parseStyle"></span>
                    <input type="text" [attr.placeholder]="it.placeHolder" [formControlName]="it.formKey"
                      class="displayno">
                    <span class="input font17"
                      *ngIf="it.value && it.value !== '' && it.value.length ">{{it.showValue}}</span>
                    <span class="input lightgrey-notImportant font17" *ngIf="!it.value && it.placeHolder">{{it.placeHolder}}</span>
                    <i *ngIf="it.endIcon" class="detail-icon"  [ngStyle]="it.endIconCssStyle | styleFilter " ></i>
                  </p>
                </ng-container>

              </ng-container>
              <!-- 服务报价说明 -->
              <ng-container *ngSwitchCase="'hintContent'">
                <ng-container
                  *ngIf="(item.value && it.showCondition && it.showCondition.indexOf(item.value) > -1) ||  !it.showCondition">
                  <div [ngStyle]="it.cssStyle | styleFilter" class="hint-bg">
                    <div class="hint-content-bg" *ngIf="it.tips && it.tips.length > 0">
                      <ng-container *ngFor="let tip of it.tips.split('||')">
                        <p class="hint-item">
                          <span class="icon"></span>{{tip}}
                        </p>
                      </ng-container>
                    </div>
                  </div>
                </ng-container>

              </ng-container>
            </ng-container>
        </ng-container>
        <ng-container *ngSwitchCase="'textInput_border'">
          <app-text-input [item]="item" (output) = "outputTextInput($event)"> </app-text-input>
        
        </ng-container>
        <ng-container *ngSwitchCase="'textInputDesign'">
          <app-text-input [item]="item" (output) = "outputTextInput($event)"> </app-text-input>
        </ng-container>
        <ng-container *ngSwitchCase="'textInputLJ'">
          <app-text-input [item]="item" (output) = "outputTextInput($event)"> </app-text-input>
        </ng-container>
        <ng-container *ngSwitchCase="'textInputLJOneLine'">
          <!-- <app-text-input [item]="item" (output) = "outputTextInput($event)"> </app-text-input> -->
        </ng-container>
        <ng-container *ngSwitchCase="'textInputJoin'">
          <app-text-input [item]="item" (output) = "outputTextInput($event)"> </app-text-input>
        </ng-container>
      
        <!--  身份证 -->
        <ng-container *ngSwitchCase="'uploadIdentityWidget'">
          <div *ngIf="item.label && item.label.length > 0" class="post-item-div-upload" [ngStyle]="item.cssStyle | styleFilter" >
            <ion-label  [ngStyle]="item.labelCssStyle | styleFilter"  [innerHTML]="item.label | parseStyle "></ion-label>
            <i class="error-tip" *ngIf="errorCheckedForuploadIdentityWidget(item)">请上传身份照片</i>
          </div>
          <app-upload-identity [items]="item.subHtmlObj" (updateIdentity)="updateIdentityHandler($event)">
          </app-upload-identity>
        </ng-container>

        <!-- 发布店铺图片 -->
        <ng-container *ngSwitchCase="'addReleasePhoto'">
          <app-photo-select [tagData]="item" (updateUrl)="updateUrlHandler($event)"></app-photo-select>
        </ng-container>
        <!-- 发布店铺图片 + 视频 -->
        <ng-container *ngSwitchCase="'photoVideoSelectWidget'">
          <app-photo-select [tagData]="item" (updateUrl)="updateUrlHandler($event)"></app-photo-select>
        </ng-container>
        <!--  备注图片选择 -->
        <ng-container *ngSwitchCase="'photoSelectWidget'">
          <app-photo-select [tagData]="item" (updateUrl)="updateUrlHandler($event)"></app-photo-select>
        </ng-container>
        <ng-container *ngSwitchCase="'fileSelectWidget'">
          <app-photo-select [tagData]="item" (updateUrl)="updateUrlHandler($event)"></app-photo-select>
        </ng-container>
        <ng-container *ngSwitchCase="'avatarSelectWidget'">
          <app-photo-select [tagData]="item" (updateUrl)="updateUrlHandler($event)"></app-photo-select>
        </ng-container>
        

        <!-- singleColumnSelectLJ 底部弹窗-->
        <ng-container *ngSwitchCase="'singleColumnSelectLJ'">


          <app-text-input [item]="item" (output) = "outputTextInput($event)"> </app-text-input>


          <!-- 维修2-3级 -->
          <ng-container *ngIf="item.subHtmlObj &&  item.subHtmlObj[0].formType === 'modalMultipleSelectLJ_AfterSubmit'">
            <div class="lj-post-item">
              <p class="lj-post-item-label">
                {{item.subHtmlObj[0].label}}
              </p>
              <p class="lj-picker-bg lj-picker-bg-zone" appDebounceClick (debounceClick)="openMultipleModal(item.subHtmlObj[0])">
                <span
                  *ngIf="item.subHtmlObj[0].value && item.subHtmlObj[0].value !== '' && item.subHtmlObj[0].value.length "
                  [className]="(item.subHtmlObj[0].value && !item.subHtmlObj[0].disabled) ? 'select-checked' : 'lightgrey'"><i
                    class="lj-picker-left-icon"></i><i
                    class="lj-item-value lj-item-value-zone">{{item.subHtmlObj[0].showValue}}</i><i
                    class="lj-right-icon"></i></span>

                <span *ngIf="!item.subHtmlObj[0].value"
                  [className]="(item.subHtmlObj[0].value && !item.subHtmlObj[0].disabled) ? 'select-checked' : 'lightgrey'"><i
                    class="lj-picker-left-icon"></i><i
                    class="lj-item-value lj-item-value-zone ">{{item.subHtmlObj[0].placeHolder}}</i><i
                    class="lj-right-icon"></i></span>

              </p>
            </div>
          </ng-container>
        </ng-container>

        <!--  底部弹窗单选 -->
        <ng-container *ngSwitchCase="'singleColumnSelect'">
          <div class="post-item post-item-div"  [ngClass]="{'border-none': item.lines === 'none' ,'error-border' :errorChecked(item)}" [ngStyle]="item.cssStyle | styleFilter" >
            <ion-label *ngIf="item.label && item.label !== ''" [ngStyle]="item.labelCssStyle | styleFilter" appDebounceClick (debounceClick)="openPage(item.link)" [innerHTML]="item.label | parseStyle "></ion-label>
            
            <input type="text" [attr.placeholder]="item.placeHolder" (focus)="showActionSheet(item)"
              [formControlName]="item.formKey" class="displayno">
            <span class="input" appDebounceClick (debounceClick)="showActionSheet(item)"   [ngStyle]="item.valueCssStyle | styleFilter" *ngIf="item.showValue">{{item.showValue}}</span>
            <span class="input lightgrey" [ngStyle]="item.placeholderCssStyle | styleFilter" appDebounceClick (debounceClick)="showActionSheet(item)"
              *ngIf="!item.showValue">{{item.placeHolder}}</span>
            <i class="detail-icon" [ngStyle]="item.endIconCssStyle | styleFilter"></i>
          </div>
          <ng-container *ngIf="item.subHtmlObj">
            <ng-container *ngFor="let it of item.subHtmlObj" [ngSwitch]="it.formType">
              <ng-container *ngSwitchCase="'grayItem'">
                <ng-container
                *ngIf="(item.value && it.showCondition && it.showCondition.indexOf(item.value) > -1) ||  !it.showCondition">
                <div class="gray-item" [ngStyle]="it.cssStyle | styleFilter"></div>
                </ng-container>
                
              </ng-container>
                <!--  举报 -->
                <ng-container *ngSwitchCase="'showSingleSelect'">
                  <ng-container
                  *ngIf="(item.value && item.value && it.showCondition && (it.showCondition.indexOf(item.value) > -1 || item.value.indexOf(it.showCondition) > -1 ) ||  !it.showCondition)">
                  <div [ngStyle]="it.cssStyle | styleFilter">
                    <div class="post-item post-item-div border-none"  [ngStyle]="it.itemListCssStyle | styleFilter" style="--min-height:44px;">
                      <label style="color: #858894;font-size: 0.88rem; width: 100%;"
                        [innerHTML]="it.label | parseStyle" [ngStyle]="it.labelCssStyle | styleFilter"></label>
                    </div>
  
                    <ul style="padding-left:1rem;padding-right:1rem"   [ngStyle]="it.valueCssStyle | styleFilter">
                      <li *ngFor="let info of it.itemList,let i=index" class="li-bg"  [ngStyle]="it.placeholderCssStyle | styleFilter"
                        appDebounceClick (debounceClick)="changeItemobjValidator(it,'showSingleSelect',info)">
                        <ng-container *ngIf="appTypeCustom==='LJ'">
                          <ng-container *ngIf="info.check">
                            <img *ngIf="info.iconOn" src="{{info.iconOn}}" alt="" class="release-check">
                            <img  *ngIf="!info.iconOn" src="assets/icon/quick_release_checked_lj@3x.png" class="release-check">
                          </ng-container>
                        </ng-container>
                        <ng-container *ngIf="appTypeCustom!=='LJ'">
                          <ng-container *ngIf="info.check">
                            <img *ngIf="info.iconOn" src="{{info.iconOn}}" alt="" class="release-check">
                            <img *ngIf="!info.iconOn" src="assets/icon/quick_release_checked@3x.png" class="release-check">
                          </ng-container>
                        </ng-container>
                        <ng-container *ngIf="!info.check">
                          <img src="assets/icon/release_icon_unchecked@3x.png" class="release-uncheck">
                        </ng-container>
                        <span class="li-item" [ngStyle]="it.showValueCssStyle | styleFilter">{{info.label}}</span>
                      </li>
                    </ul>
                  </div>
                  </ng-container>
                </ng-container>
              <ng-container *ngSwitchCase="'textInput'">
                <ng-container
                  *ngIf="(item.value && it.showCondition && it.showCondition.indexOf(item.value) > -1) ||  !it.showCondition">
                  <app-text-input [item]="it" [superItem]="item" (output) = "outputTextInput($event)"> </app-text-input>
                </ng-container>

              </ng-container>

              <!-- 便捷商品规格 2-->
              <ng-container *ngSwitchCase="'editItemListTable'">
                <ng-container
                *ngIf="(item.value && it.showCondition && it.showCondition.indexOf(item.value) > -1) ||  !it.showCondition">
                <div class="editItemListBg" [ngStyle]="it.cssStyle | styleFilter">
                  <div class="edit-item-desc2">
                    <span *ngIf="it.label" class="edit-item-desc-label2 flex2" [ngStyle]="it.labelCssStyle | styleFilter">{{it.label}}</span>
                    <span *ngIf="it.extra" class="edit-item-desc-label2" [ngStyle]="it.extraCssStyle | styleFilter">{{it.extra}}</span>
                  </div>
                  <ng-container *ngFor="let i of it.itemList;let a = index">
                    <p class="edit-item-value2" [ngStyle]="i.cssStyle | styleFilter">
                      <span *ngIf="i.label" class="edit-it-desc-label flex2" [ngStyle]="i.labelCssStyle | styleFilter">{{i.label}}</span>
                      <span class="edit-item-value-input" [ngClass]="{'flex1': it.tips}" [ngStyle]="i.valueNCssStyle | styleFilter">
                        <i class="edit-bg" [ngStyle]="i.valueDefCssStyle | styleFilter" [ngClass]="{'edit-bg-enable': !it.disabled,'edit-item-desc-ion-input-bold': i.check}"><ng-container 
                          *ngIf="!it.unit">￥</ng-container>
                        <!-- 文本类型 -->
                        <ion-input *ngIf="!it.textType || it.textType !== 'number'"     
                        [ngStyle]="i.valueCssStyle | styleFilter"
                        class="edit-item-desc-ion-input"
                        [ngClass]="{'edit-item-desc-ion-input-bold': i.check}"
                        [readonly]="it.disabled" 
                        [maxlength]="it.maxLength"
                          [placeholder]="it.placeHolder" 
                          value="{{i.value}}"
                          id="{{it.formKey}}_{{a}}" appDebounceClick
                          (ionChange)="editItemListChangeValue(it,i,$event)">
                        </ion-input>
                        <!-- 数字类型 -->
                        <ion-input *ngIf="it.textType === 'number'" type="number"  
                          class="edit-item-desc-ion-input"
                          [ngClass]="{'edit-item-desc-ion-input-bold': i.check}"
                          [ngStyle]="i.valueCssStyle | styleFilter"
                          [readonly]="it.disabled" 
                          onkeyup="value=value.replace(/[^\d\.]/g,'')"
                          onafterpaste="if((value===''))execCommand('undo')"
                          onKeypress="return(/[\d\.]/.test(String.fromCharCode(event.keyCode)))"
                          value="{{i.value}}"
                          [maxlength]="it.maxLength"
                          [placeholder]="it.placeHolder"  
                          id="{{it.formKey}}_{{a}}" appDebounceClick
                          (ionChange)="editItemListChangeValue(it,i,$event)">
                        </ion-input>
                      </i>
                        <span *ngIf="i.valueDef" class="edit-it-desc-def" [ngClass]="{'edit-enable': !it.disabled}" [ngStyle]="i.valueDefCssStyle | styleFilter">￥{{i.valueDef}}</span>
                        <div class="edit-item-desc-div">
                          <!--拿货价-->
                          <span *ngIf="it.defValue" class="edit-item-desc-span" [ngStyle]="it.defValueCssStyle | styleFilter">{{it.defValue}}<span
                             *ngIf="i.minValue" [ngStyle]="i.minValueCssStyle | styleFilter">{{i.minValue}}</span></span>
        
                          <!--利润-->
                          <span *ngIf="it.tips" class="edit-item-desc-span" [ngStyle]="it.tipsCssStyle | styleFilter">{{it.tips}}<span
                             *ngIf="i.profit" [ngClass]="{'red-profit': i.profit < 0}" [ngStyle]="i.profitCssStyle | styleFilter">￥{{i.profit}}</span></span>
        
                        </div>
                      </span>

                      
                      <span *ngIf="i.profit" class="edit-it-desc-label" [ngClass]="{'red-profit': i.profit < 0}" [ngStyle]="i.profitCssStyle | styleFilter">￥{{i.profit}}</span>

                      <span class="jointEnd" [ngStyle]="i.extraCssStyle | styleFilter" *ngIf="it.extra">{{it.unit}}</span>
                    </p>
                  
                  </ng-container>
                  

                </div>
                </ng-container>
                
              </ng-container>              
              <!-- 分段 标题描述 -->
              <ng-container *ngSwitchCase="'sectionDesc'">
                <ng-container
                  *ngIf="(item.value && it.showCondition && it.showCondition.indexOf(item.value) > -1) ||  !it.showCondition">
                  <p class="section-desc" [ngStyle]="it.cssStyle | styleFilter" appDebounceClick (debounceClick)="openPage(it.link)">
                    <span [ngStyle]="it.labelCssStyle | styleFilter" class="sectionDescLabel"[innerHTML] = "it.label | parseStyle"></span>
                    <input type="text" [attr.placeholder]="it.placeHolder" [formControlName]="it.formKey"
                      class="displayno">
                    <span class="input font17"
                      *ngIf="it.value && it.value !== '' && it.value.length ">{{it.showValue}}</span>
                    <span class="input lightgrey-notImportant font17" *ngIf="!it.value && it.placeHolder">{{it.placeHolder}}</span>
                    <i *ngIf="it.endIcon" class="detail-icon"  [ngStyle]="it.endIconCssStyle | styleFilter " ></i>
                  </p>
                </ng-container>

              </ng-container>
              <!-- 计算利润 -->
              <ng-container *ngSwitchCase="'profit'" >
                <ng-container
                *ngIf="(item.value && it.showCondition && it.showCondition.indexOf(item.value) > -1) ||  !it.showCondition">
                <div class="profit" [ngStyle]="it.cssStyle | styleFilter">
                  {{it.tips}}
                  </div>
                </ng-container>
                
                
              </ng-container>
              <ng-container *ngSwitchCase="'selectAddressWidget'">
                <ng-container
                  *ngIf="(item.value && it.showCondition && it.showCondition.indexOf(item.value) > -1) ||  !it.showCondition">

                  
                  <div class="post-item post-item-div"  [ngStyle]="it.cssStyle | styleFilter" [ngClass]="{'border-none': it.lines === 'none'}">
                                      
                    <ion-label [ngStyle]="it.labelCssStyle | styleFilter" [innerHTML]="it.label | parseStyle"></ion-label>
                    <input type="text" [attr.placeholder]="it.placeHolder" (focus)="openModalMoreEditInfo(it)"
                      class="displayno">
                    <span class="input" appDebounceClick (debounceClick)="openModalMoreEditInfo(it)"
                      *ngIf="it.value && it.value !== ''">{{it.value}}</span>
                    <span class="input lightgrey" appDebounceClick (debounceClick)="openModalMoreEditInfo(it)"
                      *ngIf="!it.value || it.value === ''">{{it.placeHolder}}</span>
                    <i class="detail-icon" [ngStyle]="it.endIconCssStyle | styleFilter"></i>
                  </div>
                </ng-container>
              </ng-container>

              <ng-container *ngSwitchCase="'datePicker'">
                <ng-container
                  *ngIf="(item.value && it.showCondition && it.showCondition.indexOf(item.value) > -1) ||  !it.showCondition">
                  <app-text-input [item]="it" (output) = "outputTextInput($event)"> </app-text-input>

                </ng-container>
              </ng-container>

              <ng-container *ngSwitchCase="'datePlug'">
                <ng-container
                  *ngIf="(item.value && it.showCondition && it.showCondition.indexOf(item.value) > -1) ||  !it.showCondition">
                  <app-text-input [item]="it" (output) = "outputTextInput($event)"> </app-text-input>

                </ng-container>
              </ng-container>
              <!-- 通用选择项目 4 个一行 -->
              <ng-container *ngSwitchCase="'switchButtonFW'">
                <ng-container
                  *ngIf="(item.value && it.showCondition && (it.showCondition.indexOf(item.value) > -1 || item.value.indexOf(it.showCondition) > -1 ) ||  !it.showCondition)">
                  <app-text-input [item]="it" (output) = "outputTextInput($event)"> </app-text-input>  

                  <ng-container *ngIf="it.subHtmlObj && it.itemList[0].label !== '请填写'">
                    <ng-container *ngFor="let i of it.subHtmlObj" [ngSwitch]="i.formType">

                      <ng-container *ngSwitchCase="'textInput'">
                        <ng-container
                          *ngIf="(it.value && i.showCondition && i.showCondition.indexOf(it.value) > -1) ||  !i.showCondition">
                          <app-text-input [item]="i" (output) = "outputTextInput($event)"> </app-text-input>
                        </ng-container>

                      </ng-container>
                    </ng-container>

                  </ng-container>
                </ng-container>
              </ng-container>
              <!--  备注图片选择 -->
              <ng-container *ngSwitchCase="'photoSelectWidget'">
                <ng-container
                  *ngIf="(item.value && it.showCondition && it.showCondition.indexOf(item.value) > -1) ||  !it.showCondition">
                  <app-photo-select [tagData]="it" (updateUrl)="updateUrlHandler($event)"></app-photo-select>
                </ng-container>

              </ng-container>
              <!--  底部弹窗单选 -->
              <ng-container *ngSwitchCase="'singleColumnSelect'">
                <ng-container
                  *ngIf="(item.value && it.showCondition && it.showCondition.indexOf(item.value) > -1) ||  !it.showCondition">
                  <div class="post-item post-item-div"  [ngStyle]="it.cssStyle | styleFilter" [ngClass]="{'border-none': it.lines === 'none'}">
                    <ion-label [ngStyle]="it.labelCssStyle | styleFilter" *ngIf="it.label && it.label !== ''">{{it.label}}</ion-label>
                    <input type="text" [attr.placeholder]="it.placeHolder" (focus)="showActionSheet(it)"
                      [formControlName]="it.formKey" class="displayno">
                    <span class="input" appDebounceClick (debounceClick)="showActionSheet(it)" *ngIf="it.showValue" [ngStyle]="it.valueCssStyle | styleFilter" >{{it.showValue}}</span>
                    <span class="input lightgrey" [ngStyle]="it.placeholderCssStyle | styleFilter"  appDebounceClick (debounceClick)="showActionSheet(it)"
                      *ngIf="!it.showValue">{{it.placeHolder}}</span>
                    <i class="detail-icon" [ngStyle]="it.endIconCssStyle | styleFilter"></i>
                  </div>
                  <ng-container *ngIf="it.subHtmlObj">
                    <ng-container *ngFor="let i of it.subHtmlObj" [ngSwitch]="i.formType">
                      <!-- 行业多选 -->
                      <ng-container *ngSwitchCase="'modalMultipleSelect'">
                        <ng-container
                          *ngIf="(it.value && i.showCondition && (i.showCondition.indexOf(it.value) > -1 || it.value.indexOf(i.showCondition) > -1 ) ||  !i.showCondition)">
                          <div class="post-item post-item-div"  [ngStyle]="i.cssStyle | styleFilter" [ngClass]="{'border-none': i.lines === 'none'}">
                    
                            <ion-label [ngStyle]="i.labelCssStyle | styleFilter" [innerHTML]="i.label | parseStyle"></ion-label>
                            <input type="text" [attr.placeholder]="i.placeHolder" (focus)="openMultipleModal(i)"
                              [formControlName]="i.formKey" class="displayno">
                            <span class="input" appDebounceClick (debounceClick)="openMultipleModal(i)"
                              *ngIf="i.value && i.value !== '' && i.value.length ">{{i.showValue}}</span>
                            <span class="input lightgrey" appDebounceClick (debounceClick)="openMultipleModal(i)"
                              *ngIf="!i.value">{{i.placeHolder}}</span>
                              <i class="detail-icon" [ngStyle]="i.endIconCssStyle | styleFilter"></i>

                          </div>  

                        </ng-container>
                      </ng-container>

                    </ng-container>
                  </ng-container>

               
                </ng-container>



              </ng-container>
              <ng-container *ngSwitchCase="'areaSlot'">
                <ng-container
                  *ngIf="(item.value && it.showCondition && it.showCondition.indexOf(item.value) > -1) ||  !it.showCondition">

                  <div class="post-item post-item-div"  [ngStyle]="it.cssStyle | styleFilter" [ngClass]="{'border-none': it.lines === 'none'}">
                    
                    <ion-label [ngStyle]="it.labelCssStyle | styleFilter" [innerHTML]="it.label | parseStyle"></ion-label>
                    
                    <span class="before-txt" *ngIf="it.subHtmlObj[0].beforeTxt">{{it.subHtmlObj[0].beforeTxt}}</span>
                    <ion-input style="--padding-end:0rem;" type="number" onkeyup="value=value.replace(/[^\d\.]/g,'')"
                      onafterpaste="if((value===''))execCommand('undo')"
                      onKeypress="return(/[\d\.]/.test(String.fromCharCode(event.keyCode)))"
                      [ngClass]="{'number-center': it.subHtmlObj[0].beforeTxt}"
                      (ionChange)="areaSlotchange($event, it,0)" [(ngModel)]="it.subHtmlObj[0].value"
                      [maxlength]="it.subHtmlObj[0].maxLength" [attr.placeholder]="it.subHtmlObj[0].placeHolder"
                      [formControlName]="it.subHtmlObj[0].formKey">
                    </ion-input>
                    <span class="before-txt" *ngIf="it.subHtmlObj[0].afterTxt">{{it.subHtmlObj[0].afterTxt}}</span>
                    <span style="width:0.03rem;
                height:0.94rem;
                background:rgba(182,183,191,1);margin-right: 1.25rem;padding-left: 1px;margin-left: 1.25rem;"></span>
                    <span class="before-txt" *ngIf="it.subHtmlObj[1].beforeTxt">{{it.subHtmlObj[1].beforeTxt}}</span>
                    <ion-input style="--padding-end:0rem;" type="number" onkeyup="value=value.replace(/[^\d\.]/g,'')"
                      onafterpaste="if((value===''))execCommand('undo')"
                      onKeypress="return(/[\d\.]/.test(String.fromCharCode(event.keyCode)))"
                      [ngClass]="{'number-center': it.subHtmlObj[1].beforeTxt}"
                      (ionChange)="areaSlotchange($event, it,1)" [(ngModel)]="it.subHtmlObj[1].value"
                      [maxlength]="it.subHtmlObj[1].max" [attr.placeholder]="it.subHtmlObj[1].placeHolder"
                      [formControlName]="it.subHtmlObj[1].formKey">
                    </ion-input>
                    <span class="before-txt" *ngIf="it.subHtmlObj[1].afterTxt">{{it.subHtmlObj[1].afterTxt}}</span>
                    <!-- 行尾文字 -->
                    <span class="jointEnd" *ngIf="it.extra">{{it.extra}}</span>
                    <!-- 租金单位 -->
                    <ng-container *ngIf="it.subHtmlObj && it.subHtmlObj.length === 3">
                      <input type="text" (focus)="showActionSheet(it.subHtmlObj[2])"
                        [formControlName]="it.subHtmlObj[0].formKey" class="displayno">
                      <span class="single-picker"
                        appDebounceClick (debounceClick)="showActionSheet(it.subHtmlObj[2])">{{it.subHtmlObj[2].showValue}}
                        <i class="right-img"></i>
                      </span>
                    </ng-container>
                  </div>
                </ng-container>
              </ng-container>
              <!-- switchButton -> areaSlot -->
              <!-- btn 切换 -->
              <ng-container *ngSwitchCase="'switchButton'">
                <ng-container
                  *ngIf="(item.value && it.showCondition && it.showCondition.indexOf(item.value) > -1) ||  !it.showCondition">
                  
                  <app-text-input [item]="it" (output) = "outputTextInput($event)"> </app-text-input>

                  <ng-container *ngIf="it.subHtmlObj">
                    <ng-container *ngFor="let i of it.subHtmlObj" [ngSwitch]="i.formType">

                      <ng-container *ngSwitchCase="'textInput'">
                        <ng-container
                          *ngIf="(it.value && i.showCondition && i.showCondition.indexOf(it.value) > -1) ||  !i.showCondition">
                          <app-text-input [item]="i" (output) = "outputTextInput($event)"> </app-text-input>
                        </ng-container>

                      </ng-container>
                      <!-- 面积区间 -->
                      <ng-container *ngSwitchCase="'areaSlot'">
                        <ng-container
                          *ngIf="(it.value && i.showCondition && i.showCondition.indexOf(it.value) > -1) ||  !i.showCondition">

                          <ion-item class="post-item">
                            <ion-label *ngIf="i.label && i.label !== ''">{{i.label}}</ion-label>
                            <span class="before-txt"
                              *ngIf="i.subHtmlObj[0].beforeTxt">{{i.subHtmlObj[0].beforeTxt}}</span>
                            <ion-input type="number" onkeyup="value=value.replace(/[^\d\.]/g,'')"
                              onafterpaste="if((value===''))execCommand('undo')"
                              onKeypress="return(/[\d\.]/.test(String.fromCharCode(event.keyCode)))"
                              style="--padding-end: 0;" [ngClass]="{'number-center': i.subHtmlObj[0].beforeTxt}"
                              (ionChange)="areaSlotchange($event, i,0)" [(ngModel)]="i.subHtmlObj[0].value"
                              [maxlength]="i.subHtmlObj[0].maxLength" [attr.placeholder]="i.subHtmlObj[0].placeHolder"
                              [formControlName]="i.subHtmlObj[0].formKey">
                            </ion-input>
                            <span class="before-txt"
                              *ngIf="i.subHtmlObj[0].afterTxt">{{i.subHtmlObj[0].afterTxt}}</span>
                            <span
                              style="width:0.03rem;
                        height:0.94rem;
                        background:rgba(182,183,191,1);margin-right: 1.25rem;padding-left: 1px;margin-left: 1.25rem;"></span>
                            <span class="before-txt"
                              *ngIf="i.subHtmlObj[1].beforeTxt">{{i.subHtmlObj[1].beforeTxt}}</span>
                            <ion-input type="number" onkeyup="value=value.replace(/[^\d\.]/g,'')"
                              onafterpaste="if((value===''))execCommand('undo')"
                              onKeypress="return(/[\d\.]/.test(String.fromCharCode(event.keyCode)))"
                              style="--padding-end: 0;" [ngClass]="{'number-center': i.subHtmlObj[1].beforeTxt}"
                              (ionChange)="areaSlotchange($event, i,1)" [(ngModel)]="i.subHtmlObj[1].value"
                              [maxlength]="i.subHtmlObj[1].maxLength" [attr.placeholder]="i.subHtmlObj[1].placeHolder"
                              [formControlName]="i.subHtmlObj[1].formKey">
                            </ion-input>
                            <span class="before-txt"
                              *ngIf="i.subHtmlObj[1].afterTxt">{{i.subHtmlObj[1].afterTxt}}</span>
                            <!-- 行尾文字 -->
                            <span class="jointEnd" *ngIf="i.extra">{{i.extra}}</span>
                            <!-- 租金单位 -->
                            <ng-container *ngIf="i.subHtmlObj && i.subHtmlObj.length === 3">
                              <input type="text" (focus)="showActionSheet(i.subHtmlObj[2])"
                                [formControlName]="i.subHtmlObj[0].formKey" class="displayno">
                              <span class="single-picker"
                                appDebounceClick (debounceClick)="showActionSheet(i.subHtmlObj[2])">{{i.subHtmlObj[2].showValue}}
                                <i class="right-img"></i>
                              </span>
                            </ng-container>
                          </ion-item>
                        </ng-container>
                      </ng-container>

                      <!--  底部弹窗单选 -->
                      <ng-container *ngSwitchCase="'singleColumnSelect'">
                        <ng-container
                          *ngIf="(it.value && i.showCondition && i.showCondition.indexOf(it.value) > -1) ||  !i.showCondition">
                          <div class="post-item post-item-div"  [ngStyle]="i.cssStyle | styleFilter" [ngClass]="{'border-none': i.lines === 'none'}">
                            <ion-label *ngIf="i.label && i.label !== ''" [ngStyle]="i.labelCssStyle | styleFilter">{{i.label}}</ion-label>
                            <input type="text" [attr.placeholder]="i.placeHolder" (focus)="showActionSheet(i)"
                              [formControlName]="i.formKey" class="displayno">
                            <span class="input" appDebounceClick (debounceClick)="showActionSheet(i)" *ngIf="i.showValue">{{i.showValue}}</span>
                            <span class="input lightgrey" appDebounceClick (debounceClick)="showActionSheet(i)"
                              *ngIf="!i.showValue">{{i.placeHolder}}</span>
                            <i class="detail-icon"></i>
                          </div>
                        </ng-container>

                      </ng-container>


                    </ng-container>

                  </ng-container>

                </ng-container>


              </ng-container>
              <ng-container *ngSwitchCase="'multipleColumnSelect'">
                <ng-container
                  *ngIf="(item.value && item.value && it.showCondition && it.showCondition.indexOf(item.value) > -1) ||  !it.showCondition">

                  <ion-item class="post-item" appDebounceClick (debounceClick)="showMultipleColumnSelect(it)">
                    <ion-label>{{it.label}}</ion-label>
                    <span class="input"
                      *ngIf="it.showValue && it.showValue !== '' && it.showValue.length ">{{it.showValue}}</span>
                    <span class="input lightgrey"
                      *ngIf="it.showValue === '' || it.showValue === undefined || !it.showValue.length">{{it.placeHolder}}</span>
                    <i class="select-span"></i>
                  </ion-item>
                </ng-container>

              </ng-container>
              <!-- 行业单选 -->
              <ng-container *ngSwitchCase="'pickerSelect'">
                <ng-container
                  *ngIf="(item.value && item.value && it.showCondition && it.showCondition.indexOf(item.value) > -1) ||  !it.showCondition">

                  <app-text-input [item]="it" (output) = "outputTextInput($event)"> </app-text-input>

                </ng-container>

              </ng-container>


              <ng-container *ngSwitchCase="'citySelect'">
                <ng-container *ngIf="(item.value && item.value && it.showCondition && it.showCondition.indexOf(item.value) > -1) ||  !it.showCondition">
                  <ion-item class="post-item">
                    <ion-label  *ngIf="it.label && it.label.length > 0">{{it.label}}</ion-label>
                    <input type="text" [attr.placeholder]="it.placeHolder" (focus)="openModalCityPage(it)"
                      class="displayno">
                    <span class="input" appDebounceClick (debounceClick)="openModalCityPage(it)"
                      *ngIf="it.showValue && it.showValue !== ''">{{it.showValue}}</span>
                    <span class="input lightgrey" appDebounceClick (debounceClick)="openModalCityPage(it)"
                      *ngIf="!it.showValue || it.showValue === ''">{{it.placeHolder}}</span>
                    <i class="detail-icon"></i>
                  </ion-item>
                </ng-container>
              </ng-container>

              <!--modal 描述 -->
              <ng-container *ngSwitchCase="'modalOfTextArea'">
                <ng-container
                *ngIf="(item.value && item.value && it.showCondition && (it.showCondition.indexOf(item.value) > -1 || item.value.indexOf(it.showCondition) > -1 ) ||  !it.showCondition)">
                <ion-item class="post-item">
                  <ion-label>{{it.label}}</ion-label>
                  <input type="text" [attr.placeholder]="it.placeHolder" (focus)="openModalMoreEditInfo(it)"
                    class="displayno">
                  <span class="input" appDebounceClick (debounceClick)="openModalMoreEditInfo(it)"
                    *ngIf="it.showValue && it.showValue !== ''">{{it.showValue}}</span>
                  <span class="input lightgrey" appDebounceClick (debounceClick)="openModalMoreEditInfo(it)"
                    *ngIf="!it.showValue || it.showValue === ''">{{it.placeHolder}}</span>
                  <i class="detail-icon"></i>
                </ion-item>
                </ng-container>

                
              </ng-container>

            <!--modal 编辑更多项目 -->
            <ng-container *ngSwitchCase="'modalOfMoreItems'">
              <ng-container
                *ngIf="(item.value && item.value && it.showCondition && (it.showCondition.indexOf(item.value) > -1 || item.value.indexOf(it.showCondition) > -1 ) ||  !it.showCondition)">
                <ion-item class="post-item" [ngStyle]="it.cssStyle | styleFilter">
                  <ion-label [ngStyle]="it.labelCssStyle | styleFilter">{{it.label}}</ion-label>
                  <input type="text" [attr.placeholder]="it.placeHolder" (focus)="openModalMoreEditInfo(it)"
                    class="displayno">
                  <span class="input" style="display: inline-block;" appDebounceClick (debounceClick)="openModalMoreEditInfo(it)"
                    *ngIf="it.showValue && it.showValue !== ''" [innerHTML]="it.showValue | parseStyle"><span
                      class="jointEnd" *ngIf="it.extra">{{it.extra}}</span></span>
                  <span class="input lightgrey" appDebounceClick (debounceClick)="openModalMoreEditInfo(it)"
                    *ngIf="!it.showValue || it.showValue === ''">{{it.placeHolder}}<span class="jointEnd"
                      *ngIf="it.extra">{{it.extra}}</span></span>

                  <i class="detail-icon"></i>
                </ion-item>
              </ng-container>

            </ng-container>

            <!-- 59.3 modalMultipleSelect3_Full_Common 弹窗2-3级分类多选 (全屏窗) 有三级（品牌。全选不包含品牌选择）时候 二级占整行，子项不定宽。-->
            <ng-container *ngSwitchCase="'modalMultipleSelect3_Full_Common'">
              <ng-container
                *ngIf="(item.value && it.showCondition && (it.showCondition.indexOf(item.value) > -1 || item.value.indexOf(it.showCondition) > -1 ) ||  !it.showCondition)">

                <ion-item class="post-item" lines="inset">
                  <ion-label>{{it.label}}</ion-label>
                  
                  <span class="input" appDebounceClick (debounceClick)="modalMultipleSelect3FullScreen(it)" *ngIf="it.showValue && it.showValue.length> 0"
                    [ngStyle]="it.valueCssStyle | styleFilter" [innerHTML]="it.showValue| parseStyle"></span>
                  <span class="input lightgrey" appDebounceClick (debounceClick)="modalMultipleSelect3FullScreen(it)"
                    *ngIf="!it.showValue">{{it.placeHolder}}</span>
                  <i class="detail-icon"></i>
                </ion-item>

              </ng-container>
            </ng-container>

            <ng-container *ngSwitchCase="'modalMultipleSelect3_Auto_Full'">
              <ng-container
                *ngIf="(item.value && it.showCondition && (it.showCondition.indexOf(item.value) > -1 || item.value.indexOf(it.showCondition) > -1 ) ||  !it.showCondition)">

                <div class="join-form-item-bg" [ngStyle]="it.cssStyle | styleFilter"
                appDebounceClick (debounceClick)="modalMultipleSelect3AutoFull(it)">
                <p class="join-label" [ngStyle]="it.labelCssStyle | styleFilter" *ngIf="it.label && it.label !==''">
                  {{it.label}}</p>
    
                <span class="join-sep" [ngStyle]="it.sepCssStyle | styleFilter"></span>
                <p class="palce-hoder-join" *ngIf="!(it.showValue && it.showValue.length> 0)"
                  [ngStyle]="it.placeholderCssStyle | styleFilter">{{it.placeHolder}}</p>
                <p class="value-join" *ngIf="it.showValue && it.showValue.length> 0"
                  [ngStyle]="it.valueCssStyle | styleFilter" [innerHTML]="it.showValue | parseStyle"></p>
                <img class="end-icon" *ngIf="it.endIcon && it.endIcon.length > 0" src="{{it.endIcon}}" alt="">
    
              </div>

              </ng-container>
              
    
            </ng-container>

            <!-- 行业多选 -->
            <ng-container *ngSwitchCase="'modalMultipleSelect'">
              <ng-container
                  *ngIf="(item.value && it.showCondition && (it.showCondition.indexOf(item.value) > -1 || item.value.indexOf(it.showCondition) > -1 ) ||  !it.showCondition)">
                <ion-item class="post-item">
                  <ion-label *ngIf="it.label && it.label.length > 0">{{it.label}}</ion-label>
                  <input type="text" [attr.placeholder]="it.placeHolder" (focus)="openMultipleModal(it)"
                    [formControlName]="it.formKey" class="displayno">
                  <span class="input" appDebounceClick (debounceClick)="openMultipleModal(it)"
                    *ngIf="it.value && it.value !== '' && it.value.length ">{{it.showValue}}</span>
                  <span class="input lightgrey" appDebounceClick (debounceClick)="openMultipleModal(it)"
                    *ngIf="!it.value">{{it.placeHolder}}</span>
                  <i class="detail-icon"></i>
                </ion-item>  

              </ng-container>
            </ng-container>
            <!-- 选择房型 modalMultipleFormKeySelect-->
            <ng-container *ngSwitchCase="'modalMultipleFormKeySelect'">
              <ng-container *ngIf="(item.value && it.showCondition && (it.showCondition.indexOf(item.value) > -1 || item.value.indexOf(it.showCondition) > -1 ) ||  !it.showCondition)">
                <div class="post-item post-item-div"  [ngStyle]="it.cssStyle | styleFilter" [ngClass]="{'border-none': it.lines === 'none'}">
                    <ion-label>{{it.label}}</ion-label>
                    <span class="input" appDebounceClick (debounceClick)="openModalMultipleFormKeySelect(it)"
                      *ngIf="houseTypeShowValue && houseTypeShowValue !== ''">{{houseTypeShowValue}}</span>
                    <span class="input lightgrey" appDebounceClick (debounceClick)="openModalMultipleFormKeySelect(item)"
                      *ngIf="!houseTypeShowValue || houseTypeShowValue === ''">{{it.placeHolder}}</span>
                    <i class="detail-icon"></i>
                </div>
              </ng-container>
            </ng-container>
              <!-- 复制地址  -->
              <ng-container *ngSwitchCase="'copyAddress'">
                <ng-container
                        *ngIf="(item.value && it.showCondition && it.showCondition.indexOf(item.value) > -1) ||  !it.showCondition">
                        <div class="copyAddress" [ngStyle]="it.cssStyle | styleFilter">
                          <div class="get-addreess-innner-bg"  [ngStyle]="it.itemListCssStyle | styleFilter">              
                              <p class="addreess-label" *ngIf="it.label && it.label.length > 0" [ngStyle]="it.labelCssStyle | styleFilter">{{it.label}}</p>
                              
                              <div class="addreess-content">
                                <p class="addreess-name" [ngStyle]="it.valueCssStyle | styleFilter" *ngIf="it.value">{{it.value}}</p>
              
                                <p class="addreess" [ngStyle]="it.showValueCssStyle| styleFilter" *ngIf="it.showValue">{{it.showValue}} <span appDebounceClick (debounceClick)="copy(it)" *ngIf="it.extra" [ngStyle]="it.extraCssStyle | styleFilter">{{it.extra}}</span></p>  
                              </div>
                              
                          </div>
                          
                        </div>
                </ng-container>
                
              </ng-container>
              <!-- 选择地址  -->
              <ng-container *ngSwitchCase="'selectAddress'">
                <ng-container
                        *ngIf="(item.value && it.showCondition && it.showCondition.indexOf(item.value) > -1) ||  !it.showCondition">
                        <app-text-input [item]="it" (output) = "outputTextInput($event)"> </app-text-input>
                </ng-container>
                
              </ng-container>

              <ng-container *ngSwitchCase="'bottomModalOfMoreItemsFW'">
                <ng-container
                *ngIf="(item.value && it.showCondition && (it.showCondition.indexOf(item.value) > -1 || item.value.indexOf(it.showCondition) > -1 ) ||  !it.showCondition)">
                <p class="design-item designItem" [ngStyle]="it.cssStyle | styleFilter" appDebounceClick (debounceClick)="openModalMoreEditInfo(it)">
                  <img *ngIf="it.leftIcon" src="{{it.leftIcon}}" alt="" [ngStyle]="it.leftIconCssStyle | styleFilter">
                  <span class="label-tips" *ngIf="it.tips && it.tips.length > 0">{{it.tips}}</span>
                  
                  <span *ngIf="!it.showValue || it.showValue === ''"
                  [className]="(it.showValue && !it.disabled) ? 'select-checked' : 'lightgrey'" [ngStyle]="it.placeholderCssStyle | styleFilter" class="design-item-label">
                    {{it.placeHolder}}
                  </span>
      
                  <span *ngIf="it.showValue && it.showValue !== ''"
                  [className]="(it.showValue && !it.disabled) ? 'select-checked' : 'lightgrey'" [ngStyle]="it.valueCssStyle | styleFilter" class="design-item-label"  [innerHTML]="it.showValue | parseStyle">
                    
                  </span>
                
                  <img *ngIf="it.endIcon && it.endIcon.indexOf('http') > -1 " src="{{it.endIcon}}" alt="" [ngStyle]="it.endIconCssStyle | styleFilter">
                  <img *ngIf="it.endIcon && !(it.endIcon.indexOf('http') > -1) " src="assets/icon/arrow_icon_down@3x.png" alt="" [ngStyle]="it.endIconCssStyle | styleFilter">
                </p>
                </ng-container>
              </ng-container>
          </ng-container>

          </ng-container>

        </ng-container>

        <!-- 多行备注 有label-->
        <ng-container *ngSwitchCase="'textAreaLines'">
          <app-text-input [item]="item" (output) = "outputTextInput($event)"> </app-text-input>
        </ng-container>

        <!-- 多行备注 -->
        <ng-container *ngSwitchCase="'textArea'">
          <app-text-input [item]="item" (output) = "outputTextInput($event)"> </app-text-input>
        
        </ng-container>

        <!-- 多行备注 LJ-->
        <ng-container *ngSwitchCase="'textAreaLJ'">

          <app-text-input [item]="item" (output) = "outputTextInput($event)"> </app-text-input>

        </ng-container>

        <!-- 有图标边框的单城市选择  -->
        <ng-container *ngSwitchCase="'citySelectOneLine'">

          <div class="lj-post-item" [ngStyle]="item.cssStyle | styleFilter">
            <p class="lj-post-item-label" [ngStyle]="item.labelCssStyle | styleFilter">
              {{item.label}}
            </p>

            <p class="lj-picker-bg" [ngStyle]="item.valueNCssStyle | styleFilter" appDebounceClick (debounceClick)="openModalCityPage(item)" >
              <span *ngIf="item.showValue && item.showValue !== '' && item.showValue.length "
                [className]="(item.showValue && !item.disabled) ? 'select-checked' : 'lightgrey'"><i
                  class="lj-picker-left-icon lj-picker-left-address-icon" [ngStyle]="item.leftIconCssStyle | styleFilter" ></i><i
                  class="lj-item-value" [ngStyle]="item.valueCssStyle | styleFilter">{{item.showValue}}</i><i *ngIf="item.del && item.value"
                  class="lj-picker-right-del" appDebounceClick (debounceClick)="deleteValue(item)"></i><i class="detail-icon" [ngStyle]="item.endIconCssStyle | styleFilter"></i></span>

              <span *ngIf="!item.showValue" [className]="(item.value && !item.disabled) ? 'select-checked' : 'lightgrey'"><i
                  class="lj-picker-left-icon lj-picker-left-address-icon" [ngStyle]="item.leftIconCssStyle | styleFilter"></i><i
                  class="lj-item-value" [ngStyle]="item.valueCssStyle | styleFilter">{{item.placeHolder}}</i><i *ngIf="item.del && item.value"
                  class="lj-picker-right-del" appDebounceClick (debounceClick)="deleteValue(item)"></i><i class="detail-icon" [ngStyle]="item.endIconCssStyle | styleFilter"></i></span>
              
            </p>

          </div>

        </ng-container>
        <!-- 有图标边框的时间选择  -->
        <ng-container *ngSwitchCase="'datePickerLJ'">
          <app-text-input [item]="item" (output) = "outputTextInput($event)"> </app-text-input>
        </ng-container>
        <!-- 时间选择  -->
        <ng-container *ngSwitchCase="'datePicker'">
          <app-text-input [item]="item" (output) = "outputTextInput($event)"> </app-text-input>
        </ng-container>
        
        <ng-container *ngSwitchCase="'datePlug'">
          <app-text-input [item]="item" (output) = "outputTextInput($event)"> </app-text-input>

        </ng-container>

        <!-- ion-datetime时间选择  -->
        <ng-container *ngSwitchCase="'ionDatetime'">
          <app-text-input [item]="item" (output) = "outputTextInput($event)"> </app-text-input>
        </ng-container>
        <!-- radioButtonLJ -->
        <ng-container *ngSwitchCase="'radioButtonLJ'">
          <div class="lj-post-item" [ngClass]="{'js-post-item':item?.appType==='JS'}">
            <div *ngIf="item.label && item.label.length > 0" class="lj-post-item-label"
              [ngStyle]="item?.cssStyle | styleFilter">
              <span class="">{{item.label}}</span>

            </div>
            <p class="lj-radio-button-bg">
              <ng-container *ngIf="item.itemList">
                <span class="sw-lj-item-btn" *ngFor="let it of item.itemList; let a = index"
                  [ngClass]="{'nochecked':item.value !== it.value,'checked':item.value === it.value }"
                  appDebounceClick (debounceClick)="changeItemobjValidator(item,'switchButton',a)">{{it.label}}</span>
              </ng-container>
            </p>
          </div>
          <ng-container *ngIf="item.subHtmlObj">
            <ng-container *ngFor="let it of item.subHtmlObj" [ngSwitch]="it.formType">
              <!-- singleColumnSelectLJ 底部弹窗-->
              <ng-container *ngSwitchCase="'singleColumnSelectLJ'">
                <ng-container
                  *ngIf="(item.value && it.showCondition && it.showCondition.indexOf(item.value) > -1) ||  !it.showCondition">
                  <app-text-input [item]="it" (output) = "outputTextInput($event)"> </app-text-input>


                </ng-container>
              </ng-container>

              <!-- radioButtonLJ -->
              <ng-container *ngSwitchCase="'radioButtonLJ'">
                <ng-container
                  *ngIf="(item.value && it.showCondition && it.showCondition.indexOf(item.value) > -1) ||  !it.showCondition">
                  <p class="lj-radio-button-bg">
                    <ng-container *ngIf="it.itemList">
                      <span class="no-show">{{it.label}}</span>
                      <span class="sw-lj-item-btn" *ngFor="let i of it.itemList;let a = index"
                        [ngClass]="{'nochecked':it.value !== i.value,'checked':it.value === i.value }"
                        appDebounceClick (debounceClick)="changeItemobjValidator(it,'switchButton',a)">{{i.label}}</span>
                    </ng-container>
                  </p>
                </ng-container>
              </ng-container>

              <ng-container *ngSwitchCase="'textInputLJ'">
                <ng-container
                  *ngIf="(item.value && it.showCondition && it.showCondition.indexOf(item.value) > -1) ||  !it.showCondition">
                  <app-text-input [item]="it" (output) = "outputTextInput($event)"> </app-text-input>
                </ng-container>

              </ng-container>

              <!-- 面积区间 -->
              <ng-container *ngSwitchCase="'areaSlotLJ'">
                <ng-container
                  *ngIf="(item.value && it.showCondition && it.showCondition.indexOf(item.value) > -1) ||  !it.showCondition">


                  <p class="lj-input-bg lj-input-bg-area-slot">
                    <ion-input type="number" onkeyup="value=value.replace(/[^\d\.]/g,'')"
                      onafterpaste="if((value===''))execCommand('undo')"
                      onKeypress="return(/[\d\.]/.test(String.fromCharCode(event.keyCode)))" class="lj-input-item"
                      (ionChange)="areaSlotchange($event, it,0)" [(ngModel)]="it.subHtmlObj[0].value"
                      [maxlength]="item.subHtmlObj[0].maxLength" [attr.placeholder]="it.subHtmlObj[0].placeHolder"
                      [formControlName]="it.subHtmlObj[0].formKey">
                    </ion-input>
                    <span style="font-size: 1rem;font-weight: 400;color: #252629;
line-height: 1.38rem;margin-left: 0.5rem; margin-right: 0.5rem;">至</span>
                    <ion-input type="number" onkeyup="value=value.replace(/[^\d\.]/g,'')"
                      onafterpaste="if((value===''))execCommand('undo')"
                      onKeypress="return(/[\d\.]/.test(String.fromCharCode(event.keyCode)))" class="lj-input-item"
                      (ionChange)="areaSlotchange($event, it,1)" [(ngModel)]="it.subHtmlObj[1].value"
                      [maxlength]="it.subHtmlObj[1].maxLength" [attr.placeholder]="it.subHtmlObj[1].placeHolder"
                      [formControlName]="it.subHtmlObj[1].formKey">
                    </ion-input>
                    <!-- 行尾文字 -->
                    <span class="jointEnd" *ngIf="it.extra">{{it.extra}}</span>
                    <!-- 租金单位 -->
                    <ng-container *ngIf="it.subHtmlObj && it.subHtmlObj.length === 3">
                      <input type="text" (focus)="showActionSheet(it.subHtmlObj[2])"
                        [formControlName]="it.subHtmlObj[0].formKey" class="displayno">
                      <span class="single-picker-lj"
                        appDebounceClick (debounceClick)="showActionSheet(it.subHtmlObj[2])">{{it.subHtmlObj[2].showValue}}
                        <i class="lj-right-icon"></i>
                      </span>
                    </ng-container>
                  </p>


                </ng-container>
              </ng-container>

            </ng-container>
          </ng-container>
        </ng-container>
        <!-- btn 切换  LJ-->
        <ng-container *ngSwitchCase="'switchButtonLJ'">
          <app-text-input [item]="item" (output) = "outputTextInput($event)"> </app-text-input>
          <ng-container *ngIf="item.subHtmlObj">
            <ng-container *ngFor="let it of item.subHtmlObj" [ngSwitch]="it.formType">
              <ng-container *ngSwitchCase="'grayItem'">
                <ng-container
                *ngIf="(item.value && it.showCondition && it.showCondition.indexOf(item.value) > -1) ||  !it.showCondition">
                <div class="gray-item" [ngStyle]="it.cssStyle | styleFilter"></div>
                </ng-container>
                
              </ng-container>
               <!-- 行业单选 -->
               <ng-container *ngSwitchCase="'pickerSelect'">
                <ng-container
                  *ngIf="(item.value && item.value && it.showCondition && it.showCondition.indexOf(item.value) > -1) ||  !it.showCondition">

                  <app-text-input [item]="it" (output) = "outputTextInput($event)"> </app-text-input>

                </ng-container>

              </ng-container>

              <ng-container *ngSwitchCase="'switchButtonSystem'">
                <ng-container
                  *ngIf="(item.value && it.showCondition && it.showCondition.indexOf(item.value) > -1) ||  !it.showCondition">
                  <app-text-input [item]="it" (output) = "outputTextInput($event)"> </app-text-input>

                  <ng-container *ngIf="it.subHtmlObj">
                    <ng-container *ngFor="let i of it.subHtmlObj" [ngSwitch]="i.formType">

                      <ng-container *ngSwitchCase="'timeSlot'">
                        <ng-container
                          *ngIf="(it.value && it.value && i.showCondition && i.showCondition.indexOf(it.value) > -1) ||  !i.showCondition">
                          <app-text-input [item]="i" (output) = "outputTextInput($event)"> </app-text-input>
                          
                        </ng-container>
                        
                      </ng-container>
                    </ng-container>
                  </ng-container>
        
                  
                </ng-container>


              </ng-container>
              <!-- 合同 -->
              <ng-container *ngSwitchCase="'photoSelectWidget'">
                <ng-container
                  *ngIf="(item.value && it.showCondition && it.showCondition.indexOf(item.value) > -1) ||  !it.showCondition">
                  <app-photo-select [tagData]="it" (updateUrl)="updateUrlHandler($event)"></app-photo-select>
                </ng-container>

              </ng-container>
              <!--  身份验证 -->
              <ng-container *ngSwitchCase="'uploadIdentityWidget'">
                <ng-container
                  *ngIf="(item.value && item.value && it.showCondition && it.showCondition.indexOf(item.value) > -1) ||  !it.showCondition">
                  <ion-item class="post-item" lines="none" [ngStyle]="it.cssStyle | styleFilter">
                    <ion-label>{{it.label}}</ion-label>
                  </ion-item>
                  <app-upload-identity [items]="it.subHtmlObj" (updateIdentity)="updateIdentityHandler($event)">
                  </app-upload-identity>
                </ng-container>
                
              </ng-container>
                <!-- 选择地址  -->
                <ng-container *ngSwitchCase="'selectAddress'">
                  <ng-container
                          *ngIf="(item.value && it.showCondition && it.showCondition.indexOf(item.value) > -1) ||  !it.showCondition">
                          <app-text-input [item]="it" (output) = "outputTextInput($event)"> </app-text-input>      
                  </ng-container>
                  
                </ng-container>
  
              <!--  底部弹窗单选 -->
              <ng-container *ngSwitchCase="'singleColumnSelect'">
                <ng-container
                  *ngIf="(item.value && it.showCondition && it.showCondition.indexOf(item.value) > -1) ||  !it.showCondition">
                  <div class="post-item post-item-div"  [ngStyle]="it.cssStyle | styleFilter" [ngClass]="{'border-none': it.lines === 'none'}">
                    <ion-label *ngIf="it.label && it.label !== ''" [ngStyle]="it.labelCssStyle | styleFilter">{{it.label}}</ion-label>
                    <input type="text" [attr.placeholder]="it.placeHolder" (focus)="showActionSheet(it)"
                      [formControlName]="it.formKey" class="displayno">
                    <span class="input" appDebounceClick (debounceClick)="showActionSheet(it)" *ngIf="it.showValue">{{it.showValue}}</span>
                    <span class="input lightgrey" appDebounceClick (debounceClick)="showActionSheet(it)"
                      *ngIf="!it.showValue">{{it.placeHolder}}</span>
                    <i class="detail-icon"></i>
                  </div>
                </ng-container>

              </ng-container>
              <!-- singleColumnSelectLJ 底部弹窗-->
              <ng-container *ngSwitchCase="'singleColumnSelectLJ'">
                <ng-container
                  *ngIf="(item.value && it.showCondition && it.showCondition.indexOf(item.value) > -1) ||  !it.showCondition">
                  <app-text-input [item]="it" (output) = "outputTextInput($event)"> </app-text-input>
                </ng-container>
              </ng-container>

              <!-- radioButtonLJ -->
              <ng-container *ngSwitchCase="'radioButtonLJ'">
                <ng-container
                  *ngIf="(item.value && it.showCondition && it.showCondition.indexOf(item.value) > -1) ||  !it.showCondition">
                  <p class="lj-radio-button-bg">
                    <ng-container *ngIf="it.itemList">
                      <span class="no-show">{{it.label}}</span>
                      <span class="sw-lj-item-btn" *ngFor="let i of it.itemList;let a = index"
                        [ngClass]="{'nochecked':it.value !== i.value,'checked':it.value === i.value }"
                        appDebounceClick (debounceClick)="changeItemobjValidator(it,'switchButton',a)">{{i.label}}</span>
                    </ng-container>
                  </p>
                </ng-container>
              </ng-container>

              <ng-container *ngSwitchCase="'textInputLJ'">
                <ng-container
                  *ngIf="(item.value && it.showCondition && it.showCondition.indexOf(item.value) > -1) ||  !it.showCondition">
                  <app-text-input [item]="it" (output) = "outputTextInput($event)"> </app-text-input>
                </ng-container>
              </ng-container>

              <!-- 面积区间 -->
              <ng-container *ngSwitchCase="'areaSlotLJ'">
                <ng-container
                  *ngIf="(item.value && it.showCondition && it.showCondition.indexOf(item.value) > -1) ||  !it.showCondition">


                  <p class="lj-input-bg lj-input-bg-area-slot">
                    <ion-input type="number" onkeyup="value=value.replace(/[^\d\.]/g,'')"
                      onafterpaste="if((value===''))execCommand('undo')"
                      onKeypress="return(/[\d\.]/.test(String.fromCharCode(event.keyCode)))" class="lj-input-item"
                      (ionChange)="areaSlotchange($event, it,0)" [(ngModel)]="it.subHtmlObj[0].value"
                      [maxlength]="item.subHtmlObj[0].maxLength" [attr.placeholder]="it.subHtmlObj[0].placeHolder"
                      [formControlName]="it.subHtmlObj[0].formKey">
                    </ion-input>
                    <span style="font-size: 1rem;font-weight: 400;color: #252629;
line-height: 1.38rem;margin-left: 0.5rem; margin-right: 0.5rem;">至</span>
                    <ion-input type="number" onkeyup="value=value.replace(/[^\d\.]/g,'')"
                      onafterpaste="if((value===''))execCommand('undo')"
                      onKeypress="return(/[\d\.]/.test(String.fromCharCode(event.keyCode)))" class="lj-input-item"
                      (ionChange)="areaSlotchange($event, it,1)" [(ngModel)]="it.subHtmlObj[1].value"
                      [maxlength]="it.subHtmlObj[1].maxLength" [attr.placeholder]="it.subHtmlObj[1].placeHolder"
                      [formControlName]="it.subHtmlObj[1].formKey">
                    </ion-input>
                    <!-- 行尾文字 -->
                    <span class="jointEnd" *ngIf="it.extra">{{it.extra}}</span>
                    <!-- 租金单位 -->
                    <ng-container *ngIf="it.subHtmlObj && it.subHtmlObj.length === 3">
                      <input type="text" (focus)="showActionSheet(it.subHtmlObj[2])"
                        [formControlName]="it.subHtmlObj[0].formKey" class="displayno">
                      <span class="single-picker-lj"
                        appDebounceClick (debounceClick)="showActionSheet(it.subHtmlObj[2])">{{it.subHtmlObj[2].showValue}}
                        <i class="lj-right-icon"></i>
                      </span>
                    </ng-container>
                  </p>


                </ng-container>
              </ng-container>
              <!-- 分段 标题描述 -->
              <ng-container *ngSwitchCase="'sectionDesc'">
                <ng-container
                  *ngIf="(item.value && it.showCondition && it.showCondition.indexOf(item.value) > -1) ||  !it.showCondition">
                  <p class="section-desc" [ngStyle]="it.cssStyle | styleFilter" appDebounceClick (debounceClick)="openPage(it.link)">
                    <span [ngStyle]="it.labelCssStyle | styleFilter" class="sectionDescLabel"[innerHTML] = "it.label | parseStyle"></span>
                    <input type="text" [attr.placeholder]="it.placeHolder" [formControlName]="it.formKey"
                      class="displayno">
                    <span class="input font17"
                      *ngIf="it.value && it.value !== '' && it.value.length ">{{it.showValue}}</span>
                    <span class="input lightgrey-notImportant font17" *ngIf="!it.value && it.placeHolder">{{it.placeHolder}}</span>
                    <i *ngIf="it.endIcon" class="detail-icon"  [ngStyle]="it.endIconCssStyle | styleFilter " ></i>
                  </p>
                </ng-container>

              </ng-container>

              <ng-container *ngSwitchCase="'textInput'">
                <ng-container
                  *ngIf="(item.value && it.showCondition && it.showCondition.indexOf(item.value) > -1) ||  !it.showCondition">
                  <app-text-input [item]="it" (output) = "outputTextInput($event)"> </app-text-input>
                </ng-container>

              </ng-container>
              <ng-container *ngSwitchCase="'bottomModalOfMoreItemsFW'">
                <ng-container
                *ngIf="(item.value && it.showCondition && (it.showCondition.indexOf(item.value) > -1 || item.value.indexOf(it.showCondition) > -1 ) ||  !it.showCondition)">
                <p class="design-item designItem" [ngStyle]="it.cssStyle | styleFilter" appDebounceClick (debounceClick)="openModalMoreEditInfo(it)">
                  <img *ngIf="it.leftIcon" src="{{it.leftIcon}}" alt="" [ngStyle]="it.leftIconCssStyle | styleFilter">
                  <span class="label-tips" *ngIf="it.tips && it.tips.length > 0" [ngStyle]="it.tipsCssStyle | styleFilter">{{it.tips}}</span>
                  
                  <span *ngIf="!it.showValue || it.showValue === ''"
                  [className]="(it.showValue && !it.disabled) ? 'select-checked' : 'lightgrey'" [ngStyle]="it.placeholderCssStyle | styleFilter" class="design-item-label">
                    {{it.placeHolder}}
                  </span>
      
                  <span *ngIf="it.showValue && it.showValue !== ''"
                  [className]="(it.showValue && !it.disabled) ? 'select-checked' : 'lightgrey'" [ngStyle]="it.valueCssStyle | styleFilter" class="design-item-label"  [innerHTML]="it.showValue | parseStyle">
                    
                  </span>
                
                  <img *ngIf="it.endIcon && it.endIcon.indexOf('http') > -1 " src="{{it.endIcon}}" alt="" [ngStyle]="it.endIconCssStyle | styleFilter">
                  <img *ngIf="it.endIcon && !(it.endIcon.indexOf('http') > -1) " src="assets/icon/arrow_icon_down@3x.png" alt="" [ngStyle]="it.endIconCssStyle | styleFilter">
                </p>
                </ng-container>
              </ng-container>
              <ng-container *ngSwitchCase="'switchButtonLJ'">
                <app-text-input [item]="it" (output) = "outputTextInput($event)"> </app-text-input>
              </ng-container>

                <!-- 省市区三级多选  -->
              <ng-container *ngSwitchCase="'threeLevelSelection'">
                <ng-container
                  *ngIf="(item.value && it.showCondition && it.showCondition.indexOf(item.value) > -1) ||  !it.showCondition">
                  <div class="three-Level-selection-bg threeLevelSelection" [ngStyle]="it.cssStyle | styleFilter">
                    <div class="level-1-bg">
                      <ng-container *ngFor="let level1 of it.children">
                        <div class="level-1" [ngClass]="{'open': level1.open}" appDebounceClick (debounceClick)="itemLeftClick(level1,it)">
                          <span class="un-open" [ngClass]="{'open': level1.open}"></span>
                          <span class="level-label" [ngClass]="{'level-label-select': level1.hasValue}">{{level1.label}}</span>
                          <i class="nochecked" appDebounceClick (debounceClick)="checkAllL1($event,level1,it)" [ngClass]="{'checked': level1.checked}"></i>
                        </div>
                        
                      </ng-container>
                    </div>
                    <div class="level-2-bg" *ngIf="it.current?.children">
                      <ng-container *ngFor="let level2 of it.current.children">
                        <div class="level-2" appDebounceClick (debounceClick)="itemCenterClick(level2,it)">
                          <span class="un-open" [ngClass]="{'open': level2.open}"></span>
                          <span class="level-label" [ngClass]="{'level-label-select': level2.hasValue, 'level-label-select-current': level2 === it.current?.current}">{{level2.label}}</span>
                          <i class="nochecked" [ngClass]="{'checked': level2.checked}" appDebounceClick (debounceClick)="checkAllL2($event,level2,it)"></i>
                        </div>
                      </ng-container>
        
                    </div>
                    <div class="level-3-bg" *ngIf="it.current?.current?.children">
                      <ng-container *ngFor="let level3 of it.current.current.children">
                        <div class="level-3" appDebounceClick (debounceClick)="level3Click(level3,it)">
                          <span class="level-label" [ngClass]="{'level-label-select': level3.checked}">{{level3.label}}</span>
                        </div>
                      </ng-container>
        
                    </div>
                  </div>
                </ng-container>
                </ng-container>

                <!-- 发布店铺图片 -->
                <ng-container *ngSwitchCase="'addReleasePhoto'">
                  <ng-container
                  *ngIf="(item.value && it.showCondition && it.showCondition.indexOf(item.value) > -1) ||  !it.showCondition">
                  <app-photo-select [tagData]="it" (updateUrl)="updateUrlHandler($event)"></app-photo-select>
                  </ng-container>
                  
                </ng-container>
            </ng-container>
          </ng-container>
        </ng-container>
        <ng-container *ngSwitchCase="'radioButton'">

          <ion-item class="post-item" [lines]="item.lines? item.lines:'inset'">
            <ion-label *ngIf="item.label && item.label.length > 0" style="max-width: none;" [ngStyle]="item.labelCssStyle | styleFilter">{{item.label}}</ion-label>

            <label for="toggle{{item.formKey}}" style="display: flex;">
              <ng-container *ngIf="!item.multiSelect">
                <span class="radio-item" appDebounceClick (debounceClick)="changeItemobjValidator(item,'switchButton',0)"><i
                    [ngClass]="{'nochecked':item.value !== item.itemList[0].value,'checked':item.value === item.itemList[0].value }"></i>{{item.itemList[0].label}}</span>
                <span class="radio-item radio-item-r" appDebounceClick (debounceClick)="changeItemobjValidator(item,'switchButton',1)"><i
                    [ngClass]="{'checked':item.value === item.itemList[1].value, 'nochecked':item.value !== item.itemList[1].value}"></i>{{item.itemList[1].label}}</span>
              </ng-container>

              <!-- 支持多选 -->
              <ng-container *ngIf="item.multiSelect === true">
                <span class="radio-item" appDebounceClick (debounceClick)="changeItemobjValidator(item,'switchButton',0)"><i
                    [ngClass]="{'nochecked':item.value.indexOf(item.itemList[0].value) < 0 ,'checked':item.value.indexOf(item.itemList[0].value) > -1 }"></i>{{item.itemList[0].label}}</span>
                <span class="radio-item radio-item-r" appDebounceClick (debounceClick)="changeItemobjValidator(item,'switchButton',1)"><i
                    [ngClass]="{'nochecked':item.value.indexOf(item.itemList[1].value) < 0 ,'checked':item.value.indexOf(item.itemList[1].value) > -1 }"></i>{{item.itemList[1].label}}</span>
              </ng-container>
            </label>
          </ion-item>
        </ng-container>
        <!-- btn 切换  系统样式-->
        <ng-container *ngSwitchCase="'switchButtonSystem'">
          <app-text-input [item]="item" (output) = "outputTextInput($event)"> </app-text-input>
        </ng-container>
        <!-- btn 切换 -->
        <ng-container *ngSwitchCase="'switchButton'">
          <app-text-input [item]="item" (output) = "outputTextInput($event)"> </app-text-input>

          <ng-container *ngIf="item.subHtmlObj">
            <ng-container *ngFor="let it of item.subHtmlObj" [ngSwitch]="it.formType">
              <ng-container *ngSwitchCase="'textInput'">
                <ng-container
                  *ngIf="(item.value && it.showCondition && it.showCondition.indexOf(item.value) > -1) ||  !it.showCondition">
                  <app-text-input [item]="it" (output) = "outputTextInput($event)"> </app-text-input>
                </ng-container>

              </ng-container>
              <!-- 面积区间 楼层 -->
              <ng-container *ngSwitchCase="'areaSlot'">
                <ng-container
                  *ngIf="(item.value && it.showCondition && it.showCondition.indexOf(item.value) > -1) ||  !it.showCondition">

                  <ion-item class="post-item">
                    <ion-label *ngIf="it.label && it.label !== ''" [innerHTML]="it.label | parseStyle"></ion-label>
                    <span class="before-txt" *ngIf="it.subHtmlObj[0].beforeTxt">{{it.subHtmlObj[0].beforeTxt}}</span>
                    <ion-input style="--padding-end:0rem;" type="number" onkeyup="value=value.replace(/[^\d\.]/g,'')"
                      onafterpaste="if((value===''))execCommand('undo')"
                      onKeypress="return(/[\d\.]/.test(String.fromCharCode(event.keyCode)))"
                      [ngClass]="{'number-center': it.subHtmlObj[0].beforeTxt}"
                      (ionChange)="areaSlotchange($event, it,0)" [(ngModel)]="it.subHtmlObj[0].value"
                      [maxlength]="it.subHtmlObj[0].maxLength" [attr.placeholder]="it.subHtmlObj[0].placeHolder"
                      [formControlName]="it.subHtmlObj[0].formKey">
                    </ion-input>
                    <span class="before-txt" *ngIf="it.subHtmlObj[0].afterTxt">{{it.subHtmlObj[0].afterTxt}}</span>
                    <span style="width:0.03rem;
                height:0.94rem;
                background:rgba(182,183,191,1);margin-right: 1.25rem;padding-left: 1px;margin-left: 1.25rem;"></span>
                    <span class="before-txt" *ngIf="it.subHtmlObj[1].beforeTxt">{{it.subHtmlObj[1].beforeTxt}}</span>
                    <ion-input style="--padding-end:0rem;" type="number" onkeyup="value=value.replace(/[^\d\.]/g,'')"
                      onafterpaste="if((value===''))execCommand('undo')"
                      onKeypress="return(/[\d\.]/.test(String.fromCharCode(event.keyCode)))"
                      [ngClass]="{'number-center': it.subHtmlObj[1].beforeTxt}"
                      (ionChange)="areaSlotchange($event, it,1)" [(ngModel)]="it.subHtmlObj[1].value"
                      [maxlength]="it.subHtmlObj[1].max" [attr.placeholder]="it.subHtmlObj[1].placeHolder"
                      [formControlName]="it.subHtmlObj[1].formKey">
                    </ion-input>
                    <span class="before-txt" *ngIf="it.subHtmlObj[1].afterTxt">{{it.subHtmlObj[1].afterTxt}}</span>
                    <!-- 行尾文字 -->
                    <span class="jointEnd" *ngIf="it.extra">{{it.extra}}</span>
                    <!-- 租金单位 -->
                    <ng-container *ngIf="it.subHtmlObj && it.subHtmlObj.length === 3">
                      <input type="text" (focus)="showActionSheet(it.subHtmlObj[2])"
                        [formControlName]="it.subHtmlObj[0].formKey" class="displayno">
                      <span class="single-picker"
                        appDebounceClick (debounceClick)="showActionSheet(it.subHtmlObj[2])">{{it.subHtmlObj[2].showValue}}
                        <i class="right-img"></i>
                      </span>
                    </ng-container>
                  </ion-item>
                </ng-container>
              </ng-container>

              <ng-container *ngSwitchCase="'selectAddressWidget'">
                <ng-container
                  *ngIf="(item.value && it.showCondition && it.showCondition.indexOf(item.value) > -1) ||  !it.showCondition">

                  <ion-item class="post-item" [ngStyle]="it.cssStyle | styleFilter">
                    <ion-label>{{it.label}}</ion-label>
                    <input type="text" [attr.placeholder]="it.placeHolder" (focus)="openModalMoreEditInfo(it)"
                      class="displayno">
                    <span class="input" appDebounceClick (debounceClick)="openModalMoreEditInfo(it)"
                      *ngIf="it.value && it.value !== ''">{{it.value}}</span>
                    <span class="input lightgrey" appDebounceClick (debounceClick)="openModalMoreEditInfo(it)"
                      *ngIf="!it.value || it.value === ''">{{it.placeHolder}}</span>
                    <i class="detail-icon" [ngStyle]="it.endIconCssStyle | styleFilter"></i>
                  </ion-item>
                </ng-container>
              </ng-container>

              <!--  底部弹窗单选 -->
              <ng-container *ngSwitchCase="'singleColumnSelect'">
                <ng-container
                  *ngIf="(item.value && it.showCondition && it.showCondition.indexOf(item.value) > -1) ||  !it.showCondition">
                  <div class="post-item post-item-div"  [ngStyle]="it.cssStyle | styleFilter" [ngClass]="{'border-none': it.lines === 'none'}">
                    <ion-label *ngIf="it.label && it.label !== ''" [ngStyle]="it.labelCssStyle | styleFilter">{{it.label}}</ion-label>
                    <input type="text" [attr.placeholder]="it.placeHolder" (focus)="showActionSheet(it)"
                      [formControlName]="it.formKey" class="displayno">
                    <span class="input" appDebounceClick (debounceClick)="showActionSheet(it)" *ngIf="it.showValue">{{it.showValue}}</span>
                    <span class="input lightgrey" appDebounceClick (debounceClick)="showActionSheet(it)"
                      *ngIf="!it.showValue">{{it.placeHolder}}</span>
                    <i class="detail-icon"></i>
                  </div>
                </ng-container>

              </ng-container>

               <!-- 多行备注 LJ-->
              <ng-container *ngSwitchCase="'textAreaLJ'">
                <ng-container
                *ngIf="(item.value && it.showCondition && it.showCondition.indexOf(item.value) > -1) ||  !it.showCondition">
                <app-text-input [item]="it" (output) = "outputTextInput($event)"> </app-text-input>
                </ng-container>
              </ng-container>


            </ng-container>

          </ng-container>

        </ng-container>

        <!--  合同凭证 -->
        <ng-container *ngSwitchCase="'contractSelectWidget'">
          <ion-item class="post-item" lines="none">
            <ion-label>{{item.label}}</ion-label>
            <label for="toggle{{item.formKey}}" class="contract-check" style="display: inline-block"
              appDebounceClick (debounceClick)="changeItemobjValidator(item,'contractSelectWidget')">
              <i [ngClass]="{'check': item.value === 'true', 'uncheck':item.value !== 'true'}"> </i>
            </label>
            <span style="font-size: 1rem">{{item.tips}}</span>

          </ion-item>
          <hr *ngIf="item.value !== 'true'" style="border-bottom: solid 0.03rem #EBEBED;margin: 0 1.25rem;">
          <ng-container *ngIf="item.value === 'true'">
            <app-photo-select [tagData]="item.subHtmlObj[0]" (updateUrl)="updateUrlHandler($event)"></app-photo-select>
            <app-text-input [item]="item.subHtmlObj[1]" (output) = "outputTextInput($event)"> </app-text-input>
          </ng-container>


        </ng-container>

        <!-- 中间弹窗多选 -->
        <ng-container *ngSwitchCase="'multipleColumnSelectLJ'">

          <div class="lj-post-item">
            <p class="lj-post-item-label">
              {{item.label}}
            </p>

            <p class="lj-picker-bg" appDebounceClick (debounceClick)="showMultipleColumnSelect(item)">
              <span *ngIf="item.value && item.value !== '' && item.value.length "
                [className]="(item.value && !item.disabled) ? 'select-checked' : 'lightgrey'"><i
                  class="lj-picker-left-icon"></i><i class="lj-item-value">{{item.showValue}}</i><i
                  *ngIf="item.del && item.value" class="lj-picker-right-del" appDebounceClick (debounceClick)="deleteValue(item)"></i><i
                  class="lj-right-icon"></i></span>

              <span *ngIf="!item.value" [className]="(item.value && !item.disabled) ? 'select-checked' : 'lightgrey'"><i
                  class="lj-picker-left-icon"></i><i class="lj-item-value">{{item.placeHolder}}</i><i
                  *ngIf="item.del && item.value" class="lj-picker-right-del" appDebounceClick (debounceClick)="deleteValue(item)"></i><i
                  class="lj-right-icon"></i></span>

            </p>

          </div>

        </ng-container>
        <!-- 中间弹窗多选 -->
        <ng-container *ngSwitchCase="'multipleColumnSelect'">
          
          <div class="post-item post-item-div"  [ngStyle]="item.cssStyle | styleFilter" [ngClass]="{'border-none': item.lines === 'none'}" appDebounceClick (debounceClick)="showMultipleColumnSelect(item)">
            <ion-label>{{item.label}}</ion-label>
            <span class="input" [ngStyle]="item.valueCssStyle | styleFilter" 
              *ngIf="item.showValue && item.showValue !== '' && item.showValue.length " >{{item.showValue}}</span>
            <span class="input lightgrey" [ngStyle]="item.placeholderCssStyle | styleFilter" 
              *ngIf="item.showValue === '' || item.showValue === undefined || !item.showValue.length">{{item.placeHolder}}</span>
            <i class="select-span"></i>
          </div>

          <ng-container *ngIf="item.subHtmlObj">
            <ng-container *ngFor="let it of item.subHtmlObj" [ngSwitch]="it.formType">
              <!--modal 编辑更多项目 -->
              <ng-container *ngSwitchCase="'modalOfMoreItems'">
                <ng-container *ngIf="it.showCondition2; else showCondition">
                  <ng-container
                  *ngIf="(item.value && item.value && it.showCondition && (item.value.indexOf(it.showCondition2) > -1 || item.value.indexOf(it.showCondition) > -1 ) ||  !it.showCondition)">
                  <ion-item class="post-item" [ngStyle]="it.cssStyle | styleFilter">
                    <ion-label [ngStyle]="it.labelCssStyle | styleFilter">{{it.label}}</ion-label>
                    <input type="text" [attr.placeholder]="it.placeHolder" (focus)="openModalMoreEditInfo(it)"
                      class="displayno">
                    <span class="input" style="display: inline-block;" appDebounceClick (debounceClick)="openModalMoreEditInfo(it)"
                      *ngIf="it.showValue && it.showValue !== ''" [innerHTML]="it.showValue | parseStyle"><span
                        class="jointEnd" *ngIf="it.extra">{{it.extra}}</span></span>
                    <span class="input lightgrey" appDebounceClick (debounceClick)="openModalMoreEditInfo(it)"
                      *ngIf="!it.showValue || it.showValue === ''">{{it.placeHolder}}<span class="jointEnd"
                        *ngIf="it.extra">{{it.extra}}</span></span>

                    <i class="detail-icon"></i>
                  </ion-item>
                </ng-container>
                </ng-container>
                <ng-template #showCondition>
                  <ng-container
                  *ngIf="(item.value && item.value && it.showCondition && (it.showCondition.indexOf(item.value) > -1 || item.value.indexOf(it.showCondition) > -1 ) ||  !it.showCondition)">
                  <ion-item class="post-item">
                    <ion-label>{{it.label}}</ion-label>
                    <input type="text" [attr.placeholder]="it.placeHolder" (focus)="openModalMoreEditInfo(it)"
                      class="displayno">
                    <span class="input" style="display: inline-block;" appDebounceClick (debounceClick)="openModalMoreEditInfo(it)"
                      *ngIf="it.showValue && it.showValue !== ''" [innerHTML]="it.showValue | parseStyle"><span
                        class="jointEnd" *ngIf="it.extra">{{it.extra}}</span></span>
                    <span class="input lightgrey" appDebounceClick (debounceClick)="openModalMoreEditInfo(it)"
                      *ngIf="!it.showValue || it.showValue === ''">{{it.placeHolder}}<span class="jointEnd"
                        *ngIf="it.extra">{{it.extra}}</span></span>

                    <i class="detail-icon"></i>
                  </ion-item>
                </ng-container>  
                </ng-template>
                
                
             </ng-container>

              <!-- multipleColumnSelect -->
              <ng-container *ngSwitchCase="'multipleColumnSelect'">
               
                  <ng-container
                  *ngIf="(item.value && item.value && it.showCondition && (it.showCondition.indexOf(item.value) > -1 || item.value.indexOf(it.showCondition) > -1 ) ||  !it.showCondition)">
                  <ion-item class="post-item" appDebounceClick (debounceClick)="showMultipleColumnSelect(it)">
                    <ion-label>{{it.label}}</ion-label>
                    <span class="input"
                      *ngIf="it.showValue && it.showValue !== '' && it.showValue.length ">{{it.showValue}}</span>
                    <span class="input lightgrey"
                      *ngIf="it.showValue === '' || it.showValue === undefined || !it.showValue.length">{{it.placeHolder}}</span>
                    <i class="select-span"></i>
                  </ion-item>
        
                </ng-container>  
                
             </ng-container>

            </ng-container>
 
          </ng-container>

        </ng-container>

        <!-- 行业多选 -->
        <ng-container *ngSwitchCase="'modalMultipleSelect'">
          <div class="post-item post-item-div"  [ngStyle]="item.cssStyle | styleFilter" [ngClass]="{'border-none': item.lines === 'none'}">
            <ion-label *ngIf="item.label && item.label.length > 0" [ngStyle]="item.labelCssStyle | styleFilter" [innerHTML] = "item.label | parseStyle">{{item.label}}</ion-label>
            <input type="text" [attr.placeholder]="item.placeHolder" (focus)="openMultipleModal(item)"
              [formControlName]="item.formKey" class="displayno">
            <span class="input"  appDebounceClick (debounceClick)="openMultipleModal(item)" [ngStyle]="item.valueCssStyle | styleFilter" 
              *ngIf="item.value && item.value !== '' && item.value.length ">{{item.showValue}}</span>
            <span class="input lightgrey" [ngStyle]="item.placeholderCssStyle | styleFilter"  appDebounceClick (debounceClick)="openMultipleModal(item)"
              *ngIf="!item.value">{{item.placeHolder}}</span>
            <i class="detail-icon"></i>
          </div>
        </ng-container>

        <!-- 行业多选 LJ-->
        <ng-container *ngSwitchCase="'modalMultipleSelectLJ'">

          <div class="lj-post-item">
            <p class="lj-post-item-label">
              {{item.label}}
            </p>

            <p class="lj-picker-bg" appDebounceClick (debounceClick)="openMultipleModal(item)">
              <span *ngIf="item.value && item.value !== '' && item.value.length "
                [className]="(item.value && !item.disabled) ? 'select-checked' : 'lightgrey'"><i
                  class="lj-picker-left-icon"></i><i class="lj-item-value">{{item.showValue}}</i><i
                  *ngIf="item.del && item.value" class="lj-picker-right-del" appDebounceClick (debounceClick)="deleteValue(item)"></i><i
                  class="lj-right-icon"></i></span>

              <span *ngIf="!item.value" [className]="(item.value && !item.disabled) ? 'select-checked' : 'lightgrey'"><i
                  class="lj-picker-left-icon"></i><i class="lj-item-value">{{item.placeHolder}}</i><i
                  *ngIf="item.del && item.value" class="lj-picker-right-del" appDebounceClick (debounceClick)="deleteValue(item)"></i><i
                  class="lj-right-icon"></i></span>

            </p>

          </div>
        </ng-container>

        <!-- 行业单选 -->
        <ng-container *ngSwitchCase="'pickerSelect'">
          <app-text-input [item]="item" (output) = "outputTextInput($event)"> </app-text-input>
          <ng-container *ngIf="item.subHtmlObj">
            <ng-container *ngFor="let it of item.subHtmlObj" [ngSwitch]="it.formType">
              <ng-container *ngSwitchCase="'multipleColumnSelect'">
                <ng-container
                  *ngIf="(item.value && item.value && it.showCondition && it.showCondition.indexOf(item.value) > -1) ||  !it.showCondition">

                  <div class="post-item post-item-div"  [ngClass]="{'border-none': it.lines === 'none' }" [ngStyle]="it.cssStyle | styleFilter"  appDebounceClick (debounceClick)="showMultipleColumnSelect(it)">
                    <ion-label>{{it.label}}</ion-label>
                    <span class="input"
                      *ngIf="it.showValue && it.showValue !== '' && it.showValue.length ">{{it.showValue}}</span>
                    <span class="input lightgrey"
                      *ngIf="it.showValue === '' || it.showValue === undefined || !it.showValue.length">{{it.placeHolder}}</span>
                    <i class="select-span"></i>
                  </div>
                </ng-container>

              </ng-container>
              <ng-container *ngSwitchCase="'switchButtonLJ'">
                <ng-container
                  *ngIf="(item.value && it.showCondition && it.showCondition.indexOf(item.value) > -1) ||  !it.showCondition">
                  <app-text-input [item]="it" (output) = "outputTextInput($event)"> </app-text-input>

                  <!-- 三级嵌套 -->
                  <ng-container *ngIf="it.subHtmlObj">
                    <ng-container *ngFor="let it_3 of it.subHtmlObj" [ngSwitch]="it_3.formType">


                      <!-- radioButtonLJ -->
                      <ng-container *ngSwitchCase="'radioButtonLJ'">
                        <ng-container
                          *ngIf="(it.value && it_3.showCondition && it_3.showCondition.indexOf(it.value) > -1) ||  !it_3.showCondition">
                          <p class="lj-radio-button-bg">
                            <ng-container *ngIf="it.itemList">
                              <span class="no-show">{{it_3.label}}</span>
                              <span class="sw-lj-item-btn" *ngFor="let i of it_3.itemList;let a = index"
                                [ngClass]="{'nochecked':it_3.value !== i.value,'checked':it_3.value === i.value }"
                                appDebounceClick (debounceClick)="changeItemobjValidator(it_3,'switchButton',a)">{{i.label}}</span>
                            </ng-container>
                          </p>
                        </ng-container>
                      </ng-container>

                      <ng-container *ngSwitchCase="'textInputLJ'">
                        <ng-container
                          *ngIf="(it.value && it_3.showCondition && it_3.showCondition.indexOf(it.value) > -1) ||  !it_3.showCondition">
                          <app-text-input [item]="it_3" (output) = "outputTextInput($event)"> </app-text-input>
                        </ng-container>
                      </ng-container>
                      <ng-container *ngSwitchCase="'textInput'">
                        <ng-container
                        *ngIf="(it.value && it_3.showCondition && it_3.showCondition.indexOf(it.value) > -1) ||  !it_3.showCondition">
                        <app-text-input [item]="it_3" (output) = "outputTextInput($event)"> </app-text-input>
                        </ng-container>

                      </ng-container>

                    </ng-container>
                  </ng-container>


                </ng-container>
              </ng-container>
              <ng-container *ngSwitchCase="'textInput'">
                <ng-container
                  *ngIf="(item.value && it.showCondition && it.showCondition.indexOf(item.value) > -1) ||  !it.showCondition">
                  <app-text-input [item]="it" [superItem]="item" (output) = "outputTextInput($event)"> </app-text-input>
                </ng-container>
  
              </ng-container>
               <!--modal 编辑更多项目 -->
               <ng-container *ngSwitchCase="'modalOfMoreItems'">
                <ng-container
                  *ngIf="(item.value && item.value && it.showCondition && (it.showCondition.indexOf(item.value) > -1 || item.value.indexOf(it.showCondition) > -1 ) ||  !it.showCondition)">
                  <ion-item class="post-item" [ngStyle]="it.cssStyle | styleFilter">
                    <ion-label [ngStyle]="it.labelCssStyle | styleFilter">{{it.label}}</ion-label>
                    <input type="text" [attr.placeholder]="it.placeHolder" (focus)="openModalMoreEditInfo(it)"
                      class="displayno">
                    <span class="input" style="display: inline-block;" appDebounceClick (debounceClick)="openModalMoreEditInfo(it)"
                      *ngIf="it.showValue && it.showValue !== ''" [innerHTML]="it.showValue | parseStyle"><span
                        class="jointEnd" *ngIf="it.extra">{{it.extra}}</span></span>
                    <span class="input lightgrey" appDebounceClick (debounceClick)="openModalMoreEditInfo(it)"
                      *ngIf="!it.showValue || it.showValue === ''">{{it.placeHolder}}<span class="jointEnd"
                        *ngIf="it.extra">{{it.extra}}</span></span>
  
                    <i class="detail-icon"></i>
                  </ion-item>
                </ng-container>
  
              </ng-container>
              <ng-container *ngSwitchCase="'bottomModalOfMoreItemsFW'">
                <ng-container
                *ngIf="(item.value && it.showCondition && (it.showCondition.indexOf(item.value) > -1 || item.value.indexOf(it.showCondition) > -1 ) ||  !it.showCondition)">
                <p class="design-item designItem" [ngStyle]="it.cssStyle | styleFilter" appDebounceClick (debounceClick)="openModalMoreEditInfo(it)">
                  <img *ngIf="it.leftIcon" src="{{it.leftIcon}}" alt="" [ngStyle]="it.leftIconCssStyle | styleFilter">
                  <span class="label-tips" *ngIf="it.tips && it.tips.length > 0">{{it.tips}}</span>
                  
                  <span *ngIf="!it.showValue || it.showValue === ''"
                  [className]="(it.showValue && !it.disabled) ? 'select-checked' : 'lightgrey'" [ngStyle]="it.placeholderCssStyle | styleFilter" class="design-item-label">
                    {{it.placeHolder}}
                  </span>
      
                  <span *ngIf="it.showValue && it.showValue !== ''"
                  [className]="(it.showValue && !it.disabled) ? 'select-checked' : 'lightgrey'" [ngStyle]="it.valueCssStyle | styleFilter" class="design-item-label"  [innerHTML]="it.showValue | parseStyle">
                    
                  </span>
                
                  <img *ngIf="it.endIcon && it.endIcon.indexOf('http') > -1 " src="{{it.endIcon}}" alt="" [ngStyle]="it.endIconCssStyle | styleFilter">
                  <img *ngIf="it.endIcon && !(it.endIcon.indexOf('http') > -1) " src="assets/icon/arrow_icon_down@3x.png" alt="" [ngStyle]="it.endIconCssStyle | styleFilter">
                </p>
                </ng-container>
              </ng-container>
               <!-- 行业单选 -->
               <ng-container *ngSwitchCase="'pickerSelect'">
                <ng-container
                  *ngIf="(item.value && item.value && it.showCondition && it.showCondition.indexOf(item.value) > -1) ||  !it.showCondition">

                  <app-text-input [item]="it" (output) = "outputTextInput($event)"> </app-text-input>

                </ng-container>

              </ng-container>
              <ng-container *ngSwitchCase="'grayItem'">
                <ng-container
                *ngIf="(item.value && it.showCondition && it.showCondition.indexOf(item.value) > -1) ||  !it.showCondition">
                <div class="gray-item" [ngStyle]="it.cssStyle | styleFilter"></div>
                </ng-container>
                
              </ng-container>
              <!-- 分段 标题描述 -->
              <ng-container *ngSwitchCase="'sectionDesc'">
                  <ng-container
                    *ngIf="(item.value && it.showCondition && (it.showCondition.indexOf(item.value) > -1 || item.value.indexOf(it.showCondition) > -1 )) ||  !it.showCondition  || (item.value && it.showCondition2 && item.value.indexOf(it.showCondition2) > -1 )" >
                    <p class="section-desc sectionDesc" [ngStyle]="it.cssStyle | styleFilter" appDebounceClick (debounceClick)="openPage(it.link)">
                      <span style="position: relative;">
                        <span *ngIf="it.label && it.label.length > 0" [ngStyle]="it.labelCssStyle | styleFilter" class="sectionDescLabel" [innerHTML] = "it.label | parseStyle"></span>
                        <span ngif="it.lines='inset'"  [ngStyle]="it.sepCssStyle | styleFilter" ></span>
                      </span>
                      
                      <img src="{{it.leftIcon}}" *ngIf="it.leftIcon" class="left-icon" [ngStyle]="it.leftIconCssStyle | styleFilter " >
                      <span class="input font17" [ngStyle]="it.valueCssStyle | styleFilter"
                        *ngIf="it.extra !== '￥' && it.value && it.value !== '' && it.showValue.length > 0">{{it.showValue}}</span>
                      <span class="input lightgrey-notImportant font17" [ngStyle]="it.valueCssStyle | styleFilter"
                        *ngIf="it.extra !== '￥' && !it.value && it.placeHolder">{{it.placeHolder}}</span>
                      <span  *ngIf="it.extra === '￥' && it.value" [ngStyle]="it.valueCssStyle | styleFilter"><i class="pirce-digits">{{it.extra}}</i>{{getInterger(it.value )| currency:'CNY':'':'1.0-0' }}<i class="pirce-digits">{{(it.value   | currency:'CNY':'':'0.2-2') + '' | slice:-3}}</i></span>
                      <i *ngIf="it.endIcon" class="detail-icon"  [ngStyle]="it.endIconCssStyle | styleFilter " ></i>
                    </p>
                  </ng-container>

            </ng-container>

            </ng-container>

          </ng-container>
        </ng-container>

        <!-- 广告位选择 LJ-->
        <ng-container *ngSwitchCase="'pickerSelectSepTwo'">
          <app-text-input [item]="item" (output) = "outputTextInput($event)"> </app-text-input>
        </ng-container>
        <!-- 行业单选 LJ-->
        <ng-container *ngSwitchCase="'pickerSelectLJ'">
          <app-text-input [item]="item" (output) = "outputTextInput($event)"> </app-text-input>  
        </ng-container>

        
        <!-- 小时选择-->
        <ng-container *ngSwitchCase="'chooseHours'">
          <div class="lj-post-item" [ngStyle]="item.cssStyle | styleFilter" >
            <p class="lj-post-item-label" *ngIf="item.label && item.label.length> 0" [ngStyle]="item.labelCssStyle | styleFilter" >
              {{item.label}}
            </p>
        
            <p class="lj-picker-bg">
              <span  appDebounceClick (debounceClick)="clickOnPickerSelect(item)"  class="input" style="width: 100%;
                  display: flex;
                  align-items: center;">
                <span [className]="(item.value && !item.disabled) ? 'select-checked' : 'lightgrey'"><i class="lj-picker-left-icon" [ngStyle]="item.leftIconCssStyle | styleFilter" ></i><i class="lj-item-value">{{item.showValue}}</i><i *ngIf="item.del && item.value" class="lj-picker-right-del" appDebounceClick (debounceClick)="deleteValue(item)"></i><i class="lj-right-icon" [ngStyle]="item.endIconCssStyle | styleFilter" ></i></span>
        
              </span>
        
            </p>
        
          </div>
        
        </ng-container>
        <!-- 详细地址 -->
        <ng-container *ngSwitchCase="'selectAddressWidget'">
          <div class="post-item post-item-div"  [ngStyle]="item.cssStyle | styleFilter" [ngClass]="{'border-none': item.lines === 'none'}">
            <ion-label [ngStyle]="item.lableCssStyle | styleFilter" [innerHTML] = "item.label | parseStyle"></ion-label>
            <input type="text" [attr.placeholder]="item.placeHolder" (focus)="openModalMoreEditInfo(item)"
              [formControlName]="item.formKey" [(ngModel)]="item.value" class="displayno">
            <span class="input" appDebounceClick (debounceClick)="openModalMoreEditInfo(item)"
              *ngIf="item.value && item.value !== ''" [ngStyle]="item.valueCssStyle | styleFilter" >{{item.value}}</span>
            <span class="input lightgrey" appDebounceClick (debounceClick)="openModalMoreEditInfo(item)"
              *ngIf="!item.value || item.value === ''" [ngStyle]="item.placeholderCssStyle | styleFilter" >{{item.placeHolder}}</span>
            <i class="detail-icon" [ngStyle]="item.endIconCssStyle | styleFilter"></i>
          </div>
        </ng-container>

        <!-- 详细地址 LJ-->
        <ng-container *ngSwitchCase="'selectAddressWidgetLJ'">
          <div class="lj-post-item" [ngStyle]="item.cssStyle | styleFilter">
            <p class="lj-post-item-label" [innerHTML] = "item.label | parseStyle">
              
            </p>
            <p class="lj-picker-bg">

              <span *ngIf="!item.value || item.value === ''"
                [className]="(item.value && !item.disabled) ? 'select-checked' : 'lightgrey'"
                appDebounceClick (debounceClick)="openModalMoreEditInfo(item)"><i class="lj-location-left-icon"></i><i
                  class="lj-item-value">{{item.placeHolder}}</i><i *ngIf="item.del && item.value"
                  class="lj-picker-right-del"></i><i class="lj-right-icon"></i></span>

              <span *ngIf="item.value && item.value !== ''"
                [className]="(item.value && !item.disabled) ? 'select-checked' : 'lightgrey'"
                appDebounceClick (debounceClick)="openModalMoreEditInfo(item)"><i class="lj-location-left-icon"></i><i
                  class="lj-item-value">{{item.value}}</i><i *ngIf="item.del && item.value"
                  class="lj-picker-right-del"></i><i class="lj-right-icon"></i></span>

            </p>

          </div>

        </ng-container>
        <!-- 选择服务 -->
        <ng-container *ngSwitchCase="'selectService'">
          <div class="lj-post-item" [ngStyle]="item.cssStyle | styleFilter">
            <p class="lj-post-item-label" [ngStyle]="item.labelCssStyle | styleFilter">
              {{item.label}}
            </p>
            <p class="lj-picker-bg" [ngStyle]="item.valueCssStyle | styleFilter">

              <span *ngIf="!item.value || item.value === ''"
                [className]="(item.value && !item.disabled) ? 'select-checked' : 'lightgrey'"
                appDebounceClick (debounceClick)="openPage(item.link)"><i class="lj-location-left-icon" [ngStyle]="item.leftIconCssStyle | styleFilter "></i><i
                  class="lj-item-value">{{item.placeHolder}}</i><i *ngIf="item.del && item.value"
                  class="lj-picker-right-del"></i><i class="lj-right-icon" [ngStyle]="item.endIconCssStyle | styleFilter "></i></span>

              <span *ngIf="item.value && item.value !== ''"
                [className]="(item.value && !item.disabled) ? 'select-checked' : 'lightgrey'"
                appDebounceClick (debounceClick)="openPage(item.link)"><i class="lj-location-left-icon" [ngStyle]="item.leftIconCssStyle | styleFilter "></i><i
                  class="lj-item-value">{{item.showValue}}</i><i *ngIf="item.del && item.value"
                  class="lj-picker-right-del"></i><i class="lj-right-icon" [ngStyle]="item.endIconCssStyle | styleFilter "></i></span>

            </p>

          </div>

        </ng-container>
         <!-- 选择小区 -->
         <ng-container *ngSwitchCase="'selectCommunityAddress'">
          <div class="lj-post-item" [ngStyle]="item.cssStyle | styleFilter">
            <p class="lj-post-item-label" [ngStyle]="item.labelCssStyle | styleFilter">
              {{item.label}}
            </p>
            <p class="lj-picker-bg">

              <span *ngIf="!item.value || item.value === ''"
                [className]="(item.value && !item.disabled) ? 'select-checked' : 'lightgrey'"
                appDebounceClick (debounceClick)="openPage(item.link)"><i class="lj-location-left-icon" [ngStyle]="item.leftIconCssStyle | styleFilter "></i><i
                  class="lj-item-value">{{item.placeHolder}}</i><i *ngIf="item.del && item.value"
                  class="lj-picker-right-del"></i><i class="lj-right-icon" [ngStyle]="item.endIconCssStyle | styleFilter "></i></span>

              <span *ngIf="item.value && item.value !== ''"
                [className]="(item.value && !item.disabled) ? 'select-checked' : 'lightgrey'"
                appDebounceClick (debounceClick)="openPage(item.link)"><i class="lj-location-left-icon" [ngStyle]="item.leftIconCssStyle | styleFilter "></i><i
                  class="lj-item-value">{{item.showValue}}</i><i *ngIf="item.del && item.value"
                  class="lj-picker-right-del"></i><i class="lj-right-icon" [ngStyle]="item.endIconCssStyle | styleFilter "></i></span>

            </p>

          </div>

        </ng-container>
         <!-- 选择小区 -->
         <ng-container *ngSwitchCase="'selectCommunityAddressJoin'">
          <div class="join-form-item-bg" [ngStyle]="item.cssStyle | styleFilter" appDebounceClick (debounceClick)="openPage(item.link)">
            <p class="join-label" [ngStyle]="item.labelCssStyle | styleFilter" *ngIf="item.label && item.label !==''">
              {{item.label}}</p>

            <span class="join-sep" [ngStyle]="item.sepCssStyle | styleFilter"></span>
            <span class="design-input">
              <span class="palce-hoder-join" *ngIf="!(item.value && !item.disabled)"
                [ngStyle]="item.placeholderCssStyle | styleFilter">{{item.placeHolder}}</span>
              <span class="value-join" *ngIf="(item.value && !item.disabled)"
                [ngStyle]="item.valueCssStyle | styleFilter" [innerHTML]="item.showValue | parseStyle"></span>
            </span>

            <img class="end-icon" *ngIf="item.endIcon && item.endIcon.length > 0" src="{{item.endIcon}}" alt=""  [ngStyle]="item.endIconCssStyle | styleFilter">
          </div>
         </ng-container>
        <!-- 城市选择 LJ-->
        <ng-container *ngSwitchCase="'citySelectLJ'">
          <div class="lj-post-item" [ngStyle]="item.cssStyle | styleFilter">
            <p class="lj-post-item-label" *ngIf="item.label && item.label.length > 0"> 
              {{item.label}}
            </p>
            <div class="lj-post-item-city">
              <!-- city -->
              <ng-container *ngIf="!item.hidden">
                <p class="lj-picker-bg lj-picker-bg-city" appDebounceClick (debounceClick)="openModalCityPage(item)" [ngStyle]="item.valueCssStyle | styleFilter">
                  <span *ngIf="item.showValue && item.showValue !== '' && item.showValue.length "
                    [className]="(item.showValue && !item.disabled) ? 'select-checked' : 'lightgrey'"><i
                      class="lj-item-value lj-item-value-city" [ngStyle]="item.showValueCssStyle | styleFilter">{{item.showValue}}</i>
                      <ng-container *ngIf="item.endIcon && item.endIcon.length > 0 else elseDefIcon">
                        <i class="detail-icon"></i>
                      </ng-container>
                      <ng-template #elseDefIcon>
                        <i class="lj-right-icon"></i>
                      </ng-template>
                    </span>

                  <span *ngIf="!item.showValue"
                    [className]="(item.showValue && !item.disabled) ? 'select-checked' : 'lightgrey'"><i
                      class="lj-item-value lj-item-value-city" [ngStyle]="item.showValueCssStyle | styleFilter">{{item.placeHolder}}</i>
                      <ng-container *ngIf="item.endIcon && item.endIcon.length > 0 else elseDefIcon">
                        <i class="detail-icon"></i>
                      </ng-container>
                      <ng-template #elseDefIcon>
                        <i class="lj-right-icon"></i>
                      </ng-template>
                    </span>

                </p>
              </ng-container>

              <!-- zone -->
              <!-- 区域多选 -->
              <ng-container *ngIf="item.subHtmlObj &&  item.subHtmlObj[0].formType === 'modalMultipleSelectLJ'">
                <p class="lj-picker-bg lj-picker-bg-zone" appDebounceClick (debounceClick)="openMultipleModal(item.subHtmlObj[0])" [ngStyle]="item.subHtmlObj[0].valueCssStyle | styleFilter">
                  <span
                    *ngIf="item.subHtmlObj[0].value && item.subHtmlObj[0].value !== '' && item.subHtmlObj[0].value.length "
                    [className]="(item.subHtmlObj[0].value && !item.subHtmlObj[0].disabled) ? 'select-checked' : 'lightgrey'"><i
                      class="lj-item-value lj-item-value-zone">{{item.subHtmlObj[0].showValue}}</i>
                      <ng-container *ngIf="item.subHtmlObj[0].endIcon && item.subHtmlObj[0].endIcon.length > 0 else elseDefIcon">
                        <i class="detail-icon"></i>
                      </ng-container>
                      <ng-template #elseDefIcon>
                        <i class="lj-right-icon"></i>
                      </ng-template>
                    </span>

                  <span *ngIf="!item.subHtmlObj[0].value"
                    [className]="(item.subHtmlObj[0].value && !item.subHtmlObj[0].disabled) ? 'select-checked' : 'lightgrey'"><i
                      class="lj-item-value lj-item-value-zone ">{{item.subHtmlObj[0].placeHolder}}</i>
                      <ng-container *ngIf="item.subHtmlObj[0].endIcon && item.subHtmlObj[0].endIcon.length > 0 else elseDefIcon">
                        <i class="detail-icon"></i>
                      </ng-container>
                      <ng-template #elseDefIcon>
                        <i class="lj-right-icon"></i>
                      </ng-template>
                    </span>

                </p>
              </ng-container>

              <!-- 区域 单选-->
              <ng-container *ngIf="item.subHtmlObj &&  item.subHtmlObj[0].formType === 'pickerSelectLJ'">

                <p class="lj-picker-bg" [ngStyle]="item.subHtmlObj[0].valueCssStyle | styleFilter">
                  <span 
                    appDebounceClick (debounceClick)="clickOnPickerSelect(item.subHtmlObj[0])"  class="input" style="width: 100%;
                  display: flex;
                  align-items: center;">
                    <span
                      [className]="(item.subHtmlObj[0].value && !item.subHtmlObj[0].disabled) ? 'select-checked' : 'lightgrey'"><i
                        class="lj-item-value">{{item.subHtmlObj[0].showValue}}</i>
                        <ng-container *ngIf="item.subHtmlObj[0].endIcon && item.subHtmlObj[0].endIcon.length > 0 else elseDefIcon">
                          <i class="detail-icon"></i>
                        </ng-container>
                        <ng-template #elseDefIcon>
                          <i class="lj-right-icon"></i>
                        </ng-template>
                      </span>

                  </span>

                </p>


              </ng-container>
            </div>



          </div>
        </ng-container>

        <!-- 城市选择 -->
        <ng-container *ngSwitchCase="'citySelect'">
          <ng-container *ngIf="!item.hidden">
            <div class="post-item post-item-div"  [ngStyle]="item.cssStyle | styleFilter" [ngClass]="{'border-none': item.lines === 'none'}">

              <ion-label *ngIf="item.label && item.label.length > 0" [ngStyle]="item.labelCssStyle | styleFilter" [innerHTML]="item.label | parseStyle"></ion-label>
              <input type="text" [attr.placeholder]="item.placeHolder" (focus)="openModalCityPage(item)"
                class="displayno">
              <span class="input" appDebounceClick (debounceClick)="openModalCityPage(item)"
                *ngIf="item.showValue && item.showValue !== ''" [ngStyle]="item.valueCssStyle |styleFilter">{{item.showValue}}</span>
              <span class="input lightgrey" appDebounceClick (debounceClick)="openModalCityPage(item)"
                *ngIf="!item.showValue || item.showValue === ''" [ngStyle]="item.placeholderCssStyle |styleFilter">{{item.placeHolder}}</span>
              <i class="detail-icon" [ngStyle]="item.endIconCssStyle |styleFilter"></i>
            </div>
          </ng-container>
          <!-- 区域 单选-->
          <ng-container *ngIf="item.subHtmlObj &&  item.subHtmlObj[0].formType === 'pickerSelect'">

            
            <div class="post-item post-item-div"  [ngStyle]="item.subHtmlObj[0].cssStyle | styleFilter" [ngClass]="{'border-none': item.subHtmlObj[0].lines === 'none'}">

                <ion-label *ngIf="item.subHtmlObj[0].label && item.subHtmlObj[0].label.length > 0" [ngStyle]="item.subHtmlObj[0].labelCssStyle | styleFilter" >{{item.subHtmlObj[0].label}}</ion-label>

              <span  appDebounceClick (debounceClick)="clickOnPickerSelect(item.subHtmlObj[0],true)"
                 class="input">
                <span
                  [className]="(item.subHtmlObj[0].value && !item.subHtmlObj[0].disabled) ? 'select-checked' : 'lightgrey'">{{
                  item.subHtmlObj[0].showValue }}</span>
              </span>
              <i class="detail-icon"></i>
            </div>

          </ng-container>

          <!-- 区域多选 -->
          <ng-container *ngIf="item.subHtmlObj &&  item.subHtmlObj[0].formType === 'modalMultipleSelect'">
            <div class="post-item post-item-div"  [ngStyle]="item.subHtmlObj[0].cssStyle | styleFilter" [ngClass]="{'border-none': item.subHtmlObj[0].lines === 'none'}">

              <ion-label *ngIf="item.subHtmlObj[0].label && item.subHtmlObj[0].label.length > 0" [ngStyle]="item.subHtmlObj[0].labelCssStyle | styleFilter" >{{item.subHtmlObj[0].label}}</ion-label>
              <input type="text" [attr.placeholder]="item.subHtmlObj[0].placeHolder"
                (focus)="openMultipleModal(item.subHtmlObj[0],true)" [formControlName]="item.subHtmlObj[0].formKey"
                class="displayno">
              <span class="input" appDebounceClick (debounceClick)="openMultipleModal(item.subHtmlObj[0],true)"
                *ngIf="item.subHtmlObj[0].value && item.subHtmlObj[0].value !== '' && item.subHtmlObj[0].value.length ">{{item.subHtmlObj[0].showValue}}</span>
              <span class="input lightgrey" appDebounceClick (debounceClick)="openMultipleModal(item.subHtmlObj[0],true)"
                *ngIf="!(item.subHtmlObj[0].value)">{{item.subHtmlObj[0].placeHolder}}</span>
              <i class="detail-icon"></i>
            </div>
          </ng-container>
        </ng-container>
        <!-- 地图选择的详细地址 -->
        <ng-container *ngSwitchCase="'detailAddress'">
          <div class="post-item post-item-div" id="showSelectAddressModelId" [ngStyle]="item.cssStyle | styleFilter" [ngClass]="{'border-none': item.lines === 'none'}">
            <ion-label *ngIf="item.label">{{item.label}}</ion-label>
            <ion-input *ngIf="!item.textType || item.textType !== 'number'" type="text" [maxlength]="item.maxLength"
                [(ngModel)]="item.value" [ngStyle]="item.valueCssStyle | styleFilter"
                [attr.placeholder]="item.placeHolder" [formControlName]="item.formKey" [readonly]="item.disabled"
                appDebounceClick (debounceClick)="inputClick(item)">
              </ion-input>
              <!-- 数字类型 -->
              <ion-input *ngIf="item.textType === 'number'" type="number" onkeyup="value=value.replace(/[^\d\.]/g,'')"
                onafterpaste="if((value===''))execCommand('undo')"
                onKeypress="return(/[\d\.]/.test(String.fromCharCode(event.keyCode)))"
                [ngStyle]="item.valueCssStyle | styleFilter" (ionChange)="changeValue($event, item)"
                [(ngModel)]="item.value" [maxlength]="item.maxLength" [attr.placeholder]="item.placeHolder"
                [formControlName]="item.formKey" [readonly]="item.disabled" appDebounceClick (debounceClick)="inputClick(item)">
              </ion-input>
          
            <i class="detail-icon detail-map" [ngStyle]="item.endIconCssStyle | styleFilter" appDebounceClick (debounceClick)="openModalMapPage(item)"></i>
          </div>
        </ng-container>
        <!-- 提示标签 -->
        <ng-container *ngSwitchCase="'hintText'">
          <div id="{{hintId}}" class="hint-text-box" [ngStyle]="item.cssStyle | styleFilter">
            <div [ngStyle]="item.background | styleFilter" class="header-box">
              <div class="top-head-box" [ngStyle]="item.valueCssStyle | styleFilter" >
                <img src="{{item.leftIcon}}"
                  [ngClass]="{'header-left-img': item.leftBgIcon!==undefined,'header-img':item.leftBgIcon===undefined}"
                  onerror="this.src='assets/img/icon_explain@3x.png'" />
                <img *ngIf="item.leftBgIcon" src="{{item.leftBgIcon}}" class="header-bg-img"
                  onerror="this.src='assets/fw/recommend-bg1@3x.png'" />
                <p class="header-p" [ngStyle]="item.fontCssStyle | styleFilter">{{item.tips}} </p>
                <img *ngIf="item.endIcon" src="{{item.endIcon}}" class="header-close-img" appDebounceClick (debounceClick)="closeHint($event)"
                  onerror="this.src='assets/fw/home_icon_close1@3x.png'" />
              </div>
              <div class="show-value-box" *ngIf="item.showValue">
                <div class="show-value-font" [innerHTML]="item.showValue | parseStyle"></div>
              </div>
            </div>

          </div>
        </ng-container>

        <!-- 发布小控件 -->
        <ng-container *ngSwitchCase="'releaseTypeWidget'">
          <ul class="type-bg">
            <ng-container *ngIf="item.itemList[0]&&item.itemList[0].index==='1'">
              <div class="index-box-1">
                <ng-container *ngFor="let li of item.itemList">

                  <ng-container *ngIf="li.value==='0' && li.index==='1'">
                    <p class="item-content item-label-p">{{li.label}}</p>
                  </ng-container>
                  <ng-container *ngIf="li.value!=='0' && li.index==='1'">

                    <li class="type-item" appDebounceClick (debounceClick)="chooseReleaseType(item,li)" *ngIf="li.index==='1'">
                      <div class="item-bg" [ngClass]="{'check': li.check}" [ngStyle]="item.cssStyle|styleFilter">
                        <p class="item-content" [ngClass]="{'check': li.check}">{{li.label}}</p>
                      </div>
                    </li>
                  </ng-container>

                </ng-container>
              </div>
              <div class="index-box-1">
                <ng-container *ngFor="let li of item.itemList">

                  <ng-container *ngIf="li.value==='0' && li.index==='2'">
                    <p class="item-content item-label-p">{{li.label}}</p>
                  </ng-container>
                  <ng-container *ngIf="li.value!=='0' && li.index==='2'">

                    <li class="type-item" appDebounceClick (debounceClick)="chooseReleaseType(item,li)" *ngIf="li.index==='2'">
                      <div class="item-bg" [ngClass]="{'check': li.check}" [ngStyle]="item.cssStyle|styleFilter">
                        <p class="item-content" [ngClass]="{'check': li.check}">{{li.label}}</p>
                      </div>
                    </li>
                  </ng-container>


                </ng-container>
              </div>
              <div class="index-box-1">
                <ng-container *ngFor="let li of item.itemList">
                  <ng-container *ngIf="li.value==='0' && li.index==='3'">
                    <p class="item-content item-label-p">{{li.label}}</p>
                  </ng-container>
                  <ng-container *ngIf="li.value!=='0' && li.index==='3'">

                    <li class="type-item" appDebounceClick (debounceClick)="chooseReleaseType(item,li)" *ngIf="li.index==='3'">
                      <div class="item-bg" [ngClass]="{'check': li.check}" [ngStyle]="item.cssStyle|styleFilter">
                        <p class="item-content" [ngClass]="{'check': li.check}">{{li.label}}</p>
                      </div>
                    </li>
                  </ng-container>
                </ng-container>
              </div>
            </ng-container>
            <ng-container *ngIf="item.itemList[0]&&item.itemList[0].index==='0'">
              <li *ngFor="let li of item.itemList" class="type-item" appDebounceClick (debounceClick)="chooseReleaseType(item,li)">
                <div class="item-js-bg" [ngClass]="{'check': li.check}">
                  <p class="item-content" [ngClass]="{'check': li.check}">{{li.label}}</p>
                </div>
              </li>
            </ng-container>
          </ul>
        </ng-container>
        <ng-container *ngSwitchCase="'releaseTypeWidgetStyle'">
          <div class="release-type-widget-style-bg" [ngStyle]="item.cssStyle|styleFilter">
              <ng-container  *ngFor="let li of item.itemList; let a = index">
                  <ng-container *ngIf="item.itemList[a].value === '0'">
                    <p class="release-type-widget-style-item-label" [ngStyle]="item.labelCssStyle|styleFilter">{{li.label}}</p>
                  </ng-container>
                    <ng-container  *ngIf="item.itemList[a].value !== '0'"  >
                      <div class="release-type-widget-style-item-bg" appDebounceClick (debounceClick)="chooseReleaseType(item,li)"*ngIf="li.check"  [ngClass]="{'checked': li.check}"  [ngStyle]="item.itemListCheckedCssStyle|styleFilter">
                        <img *ngIf="li.icon" src="{{li.icon}}" alt="" [ngStyle]="item.itemListIconCssStyle | styleFilter">
                        <p class="release-type-widget-style-value"  [ngStyle]="item.valueCssStyle|styleFilter">{{li.label}}</p>
                      </div>
                      <div class="release-type-widget-style-item-bg" appDebounceClick (debounceClick)="chooseReleaseType(item,li)"*ngIf="!li.check"  [ngStyle]="item.itemListCssStyle|styleFilter">
                        <img *ngIf="li.icon" src="{{li.icon}}" alt="" [ngStyle]="item.itemListIconCssStyle | styleFilter">

                        <p class="release-type-widget-style-value" [ngStyle]="item.placeholderCssStyle|styleFilter">{{li.label}}</p>
                      </div>
                    </ng-container>  
              </ng-container>
          </div>
        </ng-container>

        <ng-container *ngSwitchCase="'quickRelease'">
          <div class="quick-bg" appDebounceClick (debounceClick)="changeItemobjValidator(item,'quickRelease')">
            <ng-container *ngIf="appTypeCustom==='LJ'">
              <ng-container *ngIf="item.value === 'true'">
                <img src="assets/icon/quick_release_checked_lj@3x.png" class="release-check">
              </ng-container>
            </ng-container>
            <ng-container *ngIf="appTypeCustom!=='LJ'">
              <ng-container *ngIf="item.value === 'true'">
                <img src="assets/icon/quick_release_checked@3x.png" class="release-check">
              </ng-container>
            </ng-container>
            <ng-container *ngIf="item.value !== 'true'">
              <img src="assets/icon/release_icon_unchecked@3x.png" class="release-uncheck">
            </ng-container>
            <span class="release-label">{{item.label}}</span>
          </div>
        </ng-container>

        <ng-container *ngSwitchCase="'checkBox'">
          <app-text-input [item]="item" (output) = "outputTextInput($event)"> </app-text-input>  
          
          <ng-container *ngIf="item.subHtmlObj">
            <ng-container *ngFor="let it of item.subHtmlObj" [ngSwitch]="it.formType">
              
              <ng-container *ngSwitchCase="'timeSlot'">
                <ng-container
                  *ngIf="(item.value && item.value && it.showCondition && it.showCondition.indexOf(item.value) > -1) ||  !it.showCondition">
                  <app-text-input [item]="it" (output) = "outputTextInput($event)"> </app-text-input>

                </ng-container>
                
              </ng-container>
            </ng-container>
          </ng-container>
        </ng-container>

        <!--  举报 -->
        <ng-container *ngSwitchCase="'showSingleSelect'">
          <div [ngStyle]="item.background | styleFilter">
            <div class="post-item post-item-div"  [ngStyle]="item.cssStyle | styleFilter" [ngClass]="{'border-none': item.lines === 'none'}">
              <label [ngStyle]="item.labelCssStyle | styleFilter" class="item-label"
                [innerHTML]="item.label | parseStyle"></label>
              <ng-container *ngIf="item.link !== undefined">

                <img class="icon-map" style="margin-right: 0.19rem;" *ngIf="item.link.icon" width="8%"
                  src="assets/icon/{{item.link.icon}}" alt="" appDebounceClick (debounceClick)="showMessage(item.link)">
                <!-- {{item.link.icon}} icon_help_notes@3x.png-->
                <span class="jointEnd" style="font-size: 0.75rem; white-space: nowrap;" *ngIf="item.link.label"
                  appDebounceClick (debounceClick)="showMessage(item.link)">{{item.link.label}}</span>
              </ng-container>

            </div>

            <ul style="padding-left:1rem;padding-right:1rem" [ngStyle]="item.sepCssStyle | styleFilter">
              <ng-container *ngFor="let info of item.itemList,let i=index">
                <li  class="li-bg" [ngStyle]="(info.check ? item.itemListCheckedCssStyle : item.placeholderCssStyle) | styleFilter"
                appDebounceClick (debounceClick)="changeItemobjValidator(item,'showSingleSelect',info)" >

                <img [src]="info.icon" alt="" [ngStyle]="item.itemListIconCssStyle | styleFilter" *ngIf="info.icon">
                <i [ngStyle]="item.extraCssStyle | styleFilter" >
                  <div [ngStyle]="item.valueCssStyle | styleFilter">
                  <img [src]="(info.check ? (info.iconOn ? info.iconOn : 'assets/icon/quick_release_checked_lj@3x.png') : 'assets/icon/release_icon_unchecked@3x.png')" class="release-uncheck" [ngStyle]="item.leftIconCssStyle | styleFilter">
                
                  <span class="li-item" [ngStyle]="item.showValueCssStyle | styleFilter" [innerHTML] = "info.label | parseStyle"></span>
                </div>
                <p *ngIf="info.valueN && info.valueN.length > 0" [ngStyle]="item.valueNCssStyle | styleFilter">
                  <span class="item-unit" *ngIf="item.unit">{{item.unit}}</span><i [innerHTML] = "info.valueN | parseStyle"></i></p>
                </i>
                
                
                <ng-container *ngIf="info.check && info.formObj && info.formObj.length > 0">
                  <!-- 选项增加表单项 -->
                  <ng-container *ngFor="let it of info.formObj" [ngSwitch]="it.formType">
                    <ng-container *ngSwitchCase="'textInput'">
                      <app-text-input [item]="it" (output) = "outputTextInput($event)"> </app-text-input>

                    </ng-container>
                  </ng-container>
                </ng-container>

              </li>
              
              </ng-container>
            </ul>
            <ng-container *ngIf="item.subHtmlObj && item.subHtmlObj[0].formType === 'addType'">
              <!-- 文本类型 -->
              <p class="type-input-bg">
                <img [src]="item.subHtmlObj[0].check ? 'assets/icon/quick_release_checked_lj@3x.png' : 'assets/icon/release_icon_unchecked@3x.png'" class="release-uncheck" [ngStyle]="item.subHtmlObj[0].leftIconCssStyle | styleFilter">

                <ion-input *ngIf="!item.subHtmlObj[0].textType || item.subHtmlObj[0].textType !== 'number'" type="text" [maxlength]="item.subHtmlObj[0].maxLength"
                [(ngModel)]="item.subHtmlObj[0].value"  [formControlName]="item.subHtmlObj[0].formKey"
                [attr.placeholder]="item.subHtmlObj[0].placeHolder" (ionChange)="typeChangeValue($event, item)">
                </ion-input>
                <i  [ngStyle]="item.subHtmlObj[0].extraCssStyle | styleFilter" appDebounceClick (debounceClick)="typeCheckClick(item)">
                  <img [src]="item.subHtmlObj[0].endIcon" [ngStyle]="item.subHtmlObj[0].endIconCssStyle | styleFilter" class="type-check" >
                  {{item.subHtmlObj[0].extra}}
                </i>
              </p>
            </ng-container>
            
          </div>


          <ng-container *ngIf="item.subHtmlObj">
            <ng-container *ngFor="let it of item.subHtmlObj" [ngSwitch]="it.formType">
               <!--  底部弹窗单选 -->
               <ng-container *ngSwitchCase="'singleColumnSelect'">
                <ng-container
                  *ngIf="(item.value && it.showCondition && it.showCondition.indexOf(item.value) > -1 || item.value.indexOf(it.showCondition) > -1) ||  !it.showCondition">
                  <div class="post-item post-item-div"  [ngStyle]="it.cssStyle | styleFilter" [ngClass]="{'border-none': it.lines === 'none'}">
                    <ion-label *ngIf="it.label && it.label !== ''" [ngStyle]="it.labelCssStyle | styleFilter">{{it.label}}</ion-label>
                    <input type="text" [attr.placeholder]="it.placeHolder" (focus)="showActionSheet(it)"
                      [formControlName]="it.formKey" class="displayno">
                    <span class="input" appDebounceClick (debounceClick)="showActionSheet(it)" *ngIf="it.showValue">{{it.showValue}}</span>
                    <span class="input lightgrey" appDebounceClick (debounceClick)="showActionSheet(it)"
                      *ngIf="!it.showValue">{{it.placeHolder}}</span>
                    <i class="detail-icon"></i>
                  </div>

                  <ng-container *ngIf="it.subHtmlObj ">
                    <ng-container *ngFor="let i of it.subHtmlObj" [ngSwitch]="i.formType">

                      <ng-container *ngSwitchCase="'textInput'">
                        <ng-container
                          *ngIf="(it.value && i.showCondition && i.showCondition.indexOf(it.value) > -1) ||  !i.showCondition">
                          <app-text-input [item]="i" (output) = "outputTextInput($event)"> </app-text-input>
                        </ng-container>

                      </ng-container>
                    </ng-container>

                  </ng-container>
                </ng-container>



              </ng-container>
              <ng-container *ngSwitchCase="'grayItem'">
                <ng-container
                *ngIf="(item.value && it.showCondition && it.showCondition.indexOf(item.value) > -1 || item.value.indexOf(it.showCondition) > -1) ||  !it.showCondition">
                <div class="gray-item" [ngStyle]="it.cssStyle | styleFilter"></div>
                </ng-container>
                
              </ng-container>

                <!-- 分段 标题描述 -->
                <ng-container *ngSwitchCase="'sectionDesc'">
                <ng-container
                  *ngIf="(item.value && it.showCondition && it.showCondition.indexOf(item.value) > -1 || item.value.indexOf(it.showCondition) > -1) ||  !it.showCondition">
                  <p class="section-desc" [ngStyle]="it.cssStyle | styleFilter" appDebounceClick (debounceClick)="openPage(it.link)">
                    <span [ngStyle]="it.labelCssStyle | styleFilter" class="sectionDescLabel"[innerHTML] = "it.label | parseStyle"></span>
                    
                    <input type="text" [attr.placeholder]="it.placeHolder" [formControlName]="it.formKey"
                      class="displayno">
                    <span class="input font17"
                      *ngIf="it.value && it.value !== '' && it.value.length ">{{it.showValue}}</span>
                    <span class="input lightgrey-notImportant font17" *ngIf="!it.value && it.placeHolder">{{it.placeHolder}}</span>
                    <i *ngIf="it.endIcon" class="detail-icon"  [ngStyle]="it.endIconCssStyle | styleFilter " ></i>
                  </p>
                </ng-container>

              </ng-container>

              <ng-container *ngSwitchCase="'textInput'">
                <ng-container
                  *ngIf="(item.value && item.value && it.showCondition && it.showCondition.indexOf(item.value) > -1 || item.value.indexOf(it.showCondition) > -1) ||  !it.showCondition">
                  <app-text-input [item]="it" (output) = "outputTextInput($event)"> </app-text-input>
                </ng-container>

              </ng-container>

              <ng-container *ngSwitchCase="'textInputJoin'">
                <ng-container
                *ngIf="(item.value && item.value && it.showCondition && it.showCondition.indexOf(item.value) > -1 || item.value.indexOf(it.showCondition) > -1) ||  !it.showCondition">
                <app-text-input [item]="it" (output) = "outputTextInput($event)"> </app-text-input>
                </ng-container>
                
              </ng-container>
              <!--modal 编辑更多项目 -->
              <ng-container *ngSwitchCase="'modalOfMoreItems'">
                <ng-container
                  *ngIf="(item.value && item.value && it.showCondition && (it.showCondition.indexOf(item.value) > -1 || item.value.indexOf(it.showCondition) > -1 ) ||  !it.showCondition)">
                  <div class="post-item post-item-div"  [ngStyle]="it.cssStyle | styleFilter" [ngClass]="{'border-none': it.lines === 'none'}">
                    
                    <ion-label [ngStyle]="it.labelCssStyle | styleFilter" [innerHTML]="it.label | parseStyle"></ion-label>
                    
                    
                    <input type="text" [attr.placeholder]="it.placeHolder" (focus)="openModalMoreEditInfo(it)"
                      class="displayno">
                    <span class="input" style="display: inline-block;" appDebounceClick (debounceClick)="openModalMoreEditInfo(it)"
                      *ngIf="it.showValue && it.showValue !== ''" [innerHTML]="it.showValue | parseStyle"><span
                        class="jointEnd" *ngIf="it.extra">{{it.extra}}</span></span>
                    <span class="input lightgrey" appDebounceClick (debounceClick)="openModalMoreEditInfo(it)"
                      *ngIf="!it.showValue || it.showValue === ''">{{it.placeHolder}}<span class="jointEnd"
                        *ngIf="it.extra">{{it.extra}}</span></span>

                    <i class="detail-icon" [ngStyle]="it.endIconCssStyle | styleFilter"></i>
                  </div>
                </ng-container>

              </ng-container>



              <!-- 面积区间 -->
              <ng-container *ngSwitchCase="'areaSlot'">
                <ng-container
                  *ngIf="(item.value && it.showCondition && it.showCondition.indexOf(item.value) > -1 || item.value.indexOf(it.showCondition) > -1) ||  !it.showCondition">

                  <ion-item class="post-item">
                    <ion-label *ngIf="it.label && it.label !== ''">{{it.label}}</ion-label>
                    <span class="before-txt" *ngIf="it.subHtmlObj[0].beforeTxt">{{it.subHtmlObj[0].beforeTxt}}</span>
                    <ion-input type="number" onkeyup="value=value.replace(/[^\d\.]/g,'')"
                      onafterpaste="if((value===''))execCommand('undo')"
                      onKeypress="return(/[\d\.]/.test(String.fromCharCode(event.keyCode)))"
                      [ngClass]="{'number-center': it.subHtmlObj[0].beforeTxt}"
                      (ionChange)="areaSlotchange($event, it,0)" [(ngModel)]="it.subHtmlObj[0].value"
                      [maxlength]="it.subHtmlObj[0].maxLength" [attr.placeholder]="it.subHtmlObj[0].placeHolder"
                      [formControlName]="it.subHtmlObj[0].formKey">
                    </ion-input>
                    <span class="before-txt" *ngIf="it.subHtmlObj[0].afterTxt">{{it.subHtmlObj[0].afterTxt}}</span>
                    <span style="width:0.03rem;
                height:0.94rem;
                background:rgba(182,183,191,1);margin-right: 1.25rem;padding-left: 1px;margin-left: 1.25rem;"></span>
                    <span class="before-txt" *ngIf="it.subHtmlObj[1].beforeTxt">{{it.subHtmlObj[1].beforeTxt}}</span>
                    <ion-input type="number" onkeyup="value=value.replace(/[^\d\.]/g,'')"
                      onafterpaste="if((value===''))execCommand('undo')"
                      onKeypress="return(/[\d\.]/.test(String.fromCharCode(event.keyCode)))"
                      [ngClass]="{'number-center': it.subHtmlObj[1].beforeTxt}"
                      (ionChange)="areaSlotchange($event, it,1)" [(ngModel)]="it.subHtmlObj[1].value"
                      [maxlength]="it.subHtmlObj[1].maxLength" [attr.placeholder]="it.subHtmlObj[1].placeHolder"
                      [formControlName]="it.subHtmlObj[1].formKey">
                    </ion-input>
                    <span class="before-txt" *ngIf="it.subHtmlObj[1].afterTxt">{{it.subHtmlObj[1].afterTxt}}</span>
                    <!-- 行尾文字 -->
                    <span class="jointEnd" *ngIf="it.extra">{{it.extra}}</span>
                    <!-- 租金单位 -->
                    <ng-container *ngIf="it.subHtmlObj && it.subHtmlObj.length === 3">
                      <input type="text" (focus)="showActionSheet(it.subHtmlObj[2])"
                        [formControlName]="it.subHtmlObj[0].formKey" class="displayno">
                      <span class="single-picker"
                        appDebounceClick (debounceClick)="showActionSheet(it.subHtmlObj[2])">{{it.subHtmlObj[2].showValue}}
                        <i class="right-img"></i>
                      </span>
                    </ng-container>
                  </ion-item>
                </ng-container>
              </ng-container>

              <ng-container *ngSwitchCase="'selectAddressWidget'">
                <ng-container
                  *ngIf="(item.value && it.showCondition && it.showCondition.indexOf(item.value) > -1) ||  !it.showCondition">

                  <ion-item class="post-item" [ngStyle]="it.cssStyle | styleFilter">
                    <ion-label>{{it.label}}</ion-label>
                    <input type="text" [attr.placeholder]="it.placeHolder" (focus)="openModalMoreEditInfo(it)"
                      class="displayno">
                    <span class="input" appDebounceClick (debounceClick)="openModalMoreEditInfo(it)"
                      *ngIf="it.value && it.value !== ''">{{it.value}}</span>
                    <span class="input lightgrey" appDebounceClick (debounceClick)="openModalMoreEditInfo(it)"
                      *ngIf="!it.value || it.value === ''">{{it.placeHolder}}</span>
                    <i class="detail-icon" [ngStyle]="it.endIconCssStyle | styleFilter"></i>
                  </ion-item>
                </ng-container>
              </ng-container>

              <!-- 多行备注 -->
              <ng-container *ngSwitchCase="'textArea'">
                <ng-container
                  *ngIf="(item.value && it.showCondition && (it.showCondition.indexOf(item.value) > -1 || item.value.indexOf(it.showCondition) > -1 )) ||  !it.showCondition">
                  <app-text-input [item]="it" (output) = "outputTextInput($event)"> </app-text-input>
                </ng-container>
              </ng-container>
              <!-- 合同 -->
              <ng-container *ngSwitchCase="'photoSelectWidget'">
                <ng-container
                  *ngIf="(item.value && it.showCondition && it.showCondition.indexOf(item.value) > -1) ||  !it.showCondition">
                  <app-photo-select [tagData]="it" (updateUrl)="updateUrlHandler($event)"></app-photo-select>
                </ng-container>

              </ng-container>


            </ng-container>

          </ng-container>
        </ng-container>

        <!-- 独立分割线 -->
        <ng-container *ngSwitchCase="'sepline'">
          <div class="sepline-bg" [ngStyle]="item.cssStyle | styleFilter">
            <hr class="sepline" [ngStyle]="item.valueCssStyle | styleFilter">
          </div>

        </ng-container>
        <ng-container *ngSwitchCase="'grayItem'">
          <div class="gray-item"[ngStyle]="item.cssStyle | styleFilter"></div>
        </ng-container>

        <!-- 模态 编辑更多信息 -->
        <ng-container *ngSwitchCase="'modalEditMoreInfo'">
          <ion-item class="post-item" lines="inset" style="text-align: center;" appDebounceClick (debounceClick)="openModalMoreEditInfo(item)">
            <label style="color: #858894;font-size: 0.88rem; width: 100%;">{{item.tips}}<i
                class="more-icon"></i></label>
          </ion-item>
        </ng-container>

        <!-- 左邻右舍 ,-->
        <ng-container *ngSwitchCase="'commaSpliceShowValueForm'">
          <div class="post-item post-item-div"  [ngStyle]="item.cssStyle | styleFilter" [ngClass]="{'border-none': item.lines === 'none'}">
            <ion-label>{{item.label}}</ion-label>
            <input type="text" [attr.placeholder]="item.placeHolder" (focus)="openModalMoreEditInfo(item)"
              class="displayno">
            <span class="input" appDebounceClick (debounceClick)="openModalMoreEditInfo(item)"
              *ngIf="item.showValue && item.showValue !== ''">{{item.showValue}}</span>
            <span class="input lightgrey" appDebounceClick (debounceClick)="openModalMoreEditInfo(item)"
              *ngIf="!item.showValue || item.showValue === ''">{{item.placeHolder}}</span>
            <i class="detail-icon"></i>
          </div>

        </ng-container>

        <!-- 营业时间段  [(ngModel)]="item.subHtmlObj[1].showValue"-->
        <ng-container *ngSwitchCase="'timeSlot'">
          <app-text-input [item]="item" (output) = "outputTextInput($event)"> </app-text-input>

        </ng-container>

        <!-- 面积区间 -->
        <ng-container *ngSwitchCase="'areaSlot'">
          <ion-item class="post-item">
            <ion-label *ngIf="item.label && item.label !== ''" [ngStyle]="item.labelCssStyle| styleFilter" [innerHTML] = "item.label | parseStyle"></ion-label>
            <span class="before-txt" *ngIf="item.subHtmlObj[0].beforeTxt">{{item.subHtmlObj[0].beforeTxt}}</span>
            <ion-input [ngStyle]="item.placeholderCssStyle | styleFilter" type="number" onkeyup="value=value.replace(/[^\d\.]/g,'')"
              onafterpaste="if((value===''))execCommand('undo')"
              onKeypress="return(/[\d\.]/.test(String.fromCharCode(event.keyCode)))" style="--padding-end:0;"
              [ngClass]="{'number-center': item.subHtmlObj[0].beforeTxt}" (ionChange)="areaSlotchange($event, item,0)"
              [(ngModel)]="item.subHtmlObj[0].value" [maxlength]="item.subHtmlObj[0].maxLength"
              [attr.placeholder]="item.subHtmlObj[0].placeHolder" [formControlName]="item.subHtmlObj[0].formKey">

            </ion-input>
            <span class="before-txt" *ngIf="item.subHtmlObj[0].afterTxt">{{item.subHtmlObj[0].afterTxt}}</span>
            <span class="area-slot-link" [ngStyle]="item.sepCssStyle| styleFilter"></span>
            <span class="before-txt" *ngIf="item.subHtmlObj[1].beforeTxt">{{item.subHtmlObj[1].beforeTxt}}</span>
            <ion-input [ngStyle]="item.placeholderCssStyle | styleFilter" type="number" onkeyup="value=value.replace(/[^\d\.]/g,'')"
              onafterpaste="if((value===''))execCommand('undo')"
              onKeypress="return(/[\d\.]/.test(String.fromCharCode(event.keyCode)))" style="--padding-end:0;"
              [ngClass]="{'number-center': item.subHtmlObj[1].beforeTxt}" (ionChange)="areaSlotchange($event, item,1)"
              [(ngModel)]="item.subHtmlObj[1].value" [maxlength]="item.subHtmlObj[1].maxLength"
              [attr.placeholder]="item.subHtmlObj[1].placeHolder" [formControlName]="item.subHtmlObj[1].formKey">
            </ion-input>
            <span class="before-txt" *ngIf="item.subHtmlObj[1].afterTxt">{{item.subHtmlObj[1].afterTxt}}</span>
            <!-- 行尾文字 -->
            <span class="jointEnd" *ngIf="item.extra">{{item.extra}}</span>
            <!-- 租金单位 -->
            <ng-container *ngIf="item.subHtmlObj && item.subHtmlObj.length === 3">
              <input type="text" (focus)="showActionSheet(item.subHtmlObj[2])"
                [formControlName]="item.subHtmlObj[0].formKey" class="displayno">
              <span class="single-picker" appDebounceClick (debounceClick)="showActionSheet(item.subHtmlObj[2])">{{item.subHtmlObj[2].showValue}}
                <i class="right-img" [ngStyle]="item.subHtmlObj[2].imgCssStyle | styleFilter"></i>
              </span>
            </ng-container>
          </ion-item>
        </ng-container>

        <!--modal 描述 -->
        <ng-container *ngSwitchCase="'modalOfTextArea'">
          <div class="post-item post-item-div"  [ngStyle]="item.cssStyle | styleFilter" [ngClass]="{'border-none': item.lines === 'none'}">

            <ion-label *ngIf="item.label && item.label.length > 0" [ngStyle]="item.labelCssStyle | styleFilter"  [innerHTML]="item.label | parseStyle">
            </ion-label>
            <input type="text" [attr.placeholder]="item.placeHolder" (focus)="openModalMoreEditInfo(item)"
              class="displayno">
            <span class="input" [ngStyle]="item.valueCssStyle | styleFilter" appDebounceClick (debounceClick)="openModalMoreEditInfo(item)"
              *ngIf="item.showValue && item.showValue !== ''">{{item.showValue}}</span>
            <span class="input lightgrey" [ngStyle]="item.placeholderCssStyle | styleFilter" appDebounceClick (debounceClick)="openModalMoreEditInfo(item)"
              *ngIf="!item.showValue || item.showValue === ''">{{item.placeHolder}}</span>
              <i class="detail-icon" [ngStyle]="item.endIconCssStyle | styleFilter"></i>
          </div>
        </ng-container>
      <!--modal 编辑更多项目 -->
      <ng-container *ngSwitchCase="'modalOfRichText'">
        <div class="post-item post-item-div border-none"  [ngStyle]="item.cssStyle | styleFilter" appDebounceClick (debounceClick)="openModalMoreEditInfo(item)">
          <ion-label *ngIf="item.label && item.label !== ''" [ngStyle]="item.labelCssStyle | styleFilter"  [innerHTML]="item.label | parseStyle "></ion-label>
          
          <i class="detail-icon"></i>
        </div>
        <div appDebounceClick (debounceClick)="openModalMoreEditInfo(item)"
            *ngIf="item.showValue && item.showValue !== '' " [ngStyle]="item.valueCssStyle | styleFilter" [innerHTML]="item.showValue | parseStyle">
          </div>
        <div class="lightgrey" [ngStyle]="item.extraCssStyle | styleFilter" appDebounceClick (debounceClick)="openModalMoreEditInfo(item)"
            *ngIf="!item.showValue || item.showValue === ''" [innerHTML] = "item.extra | parseStyle"></div>
        
      </ng-container>
        <!--modal 编辑更多项目 -->
        <ng-container *ngSwitchCase="'modalOfMoreItems'">
          <div class="post-item post-item-div"  [ngStyle]="item.cssStyle | styleFilter" [ngClass]="{'border-none': item.lines === 'none'}">
            <ion-label *ngIf="item.label && item.label !== ''" [ngStyle]="item.labelCssStyle | styleFilter" appDebounceClick (debounceClick)="openPage(item.link)" [innerHTML]="item.label | parseStyle "></ion-label>
            <input type="text" [attr.placeholder]="item.placeHolder" (focus)="openModalMoreEditInfo(item)"
              class="displayno">
            <span class="input" style="display: inline-block;" appDebounceClick (debounceClick)="openModalMoreEditInfo(item)"
              *ngIf="item.showValue && item.showValue !== '' &&item.innerHTML" [ngStyle]="item.valueCssStyle | styleFilter" [innerHTML]="item.showValue | parseStyle">
              <span class="jointEnd" *ngIf="item.extra">{{item.extra}}</span>
            </span>
            <span class="input" style="display: inline-block;" appDebounceClick (debounceClick)="openModalMoreEditInfo(item)"
              *ngIf="item.showValue && item.showValue !== '' &&!item.innerHTML" [ngStyle]="item.valueCssStyle | styleFilter" >{{item.showValue}}
              <span class="jointEnd" *ngIf="item.extra">{{item.extra}}</span>
            </span>
            <span class="input lightgrey" [ngStyle]="item.placeholderCssStyle | styleFilter" appDebounceClick (debounceClick)="openModalMoreEditInfo(item)"
              *ngIf="!item.showValue || item.showValue === ''"><span [innerHTML] = "item.placeHolder | parseStyle"></span><span class="jointEnd"
                *ngIf="item.extra">{{item.extra}}</span></span>

            <i class="detail-icon"></i>
          </div>  
        </ng-container>

        <!--tipsMessage 提示 -->
        <ng-container *ngSwitchCase="'tipsMessage'">
          <div style="height: 3.44rem; line-height: 3.44rem; box-shadow: 0rem 0.03rem 0rem 0rem rgba(235,235,237,1);">
            <img class="tips-icon" src="assets/icon/{{item.leftIcon}}" alt="">
            <p class="tips-label">{{item.label}}</p>
          </div>

        </ng-container>
        <ng-container *ngSwitchCase="'tipsItem'">
          <ion-item class="post-item" lines="inset">

            <ion-label *ngIf="item.label && item.label !==''">{{item.label}}</ion-label>
            <ion-input [value]=item.value [readonly]="true" [ngStyle]="{'color': item.valueColor}">
            </ion-input>
          </ion-item>
        </ng-container>

        <ng-container *ngSwitchCase="'moreDetailInfo'">

            <div id="moreDetailInfo{{hintId}}" [ngClass]="{'hidden-detail-info': item.hidden}">
              <ng-container *ngIf="item.subHtmlObj ">
                <ng-container *ngFor="let it of item.subHtmlObj" [ngSwitch]="it.formType">
                  <ng-container *ngSwitchCase="'textInputJoin'">
                    <ng-container
                    *ngIf="(item.value && item.value && it.showCondition && it.showCondition.indexOf(item.value) > -1) ||  !it.showCondition">
                    <app-text-input [item]="it" (output) = "outputTextInput($event)"> </app-text-input>
                    </ng-container>
                    
                  </ng-container>
                  <ng-container *ngSwitchCase="'textInput'">
                    <ng-container
                      *ngIf="(item.value && it.showCondition && it.showCondition.indexOf(item.value) > -1) ||  !it.showCondition">
                      <app-text-input [item]="it" [superItem]="item" (output) = "outputTextInput($event)"> </app-text-input>
                    </ng-container>
      
                  </ng-container>
                  <!-- 面积区间 -->
                  <ng-container *ngSwitchCase="'areaSlot'">
    
                    <div class="post-item post-item-div"  [ngStyle]="it.cssStyle | styleFilter" [ngClass]="{'border-none': it.lines === 'none'}">
                      <ion-label *ngIf="it.label && it.label !== ''">{{it.label}}</ion-label>
                      <span class="before-txt" *ngIf="it.subHtmlObj[0].beforeTxt">{{it.subHtmlObj[0].beforeTxt}}</span>
                      <ion-input type="number" onkeyup="value=value.replace(/[^\d\.]/g,'')"
                        onafterpaste="if((value===''))execCommand('undo')"
                        onKeypress="return(/[\d\.]/.test(String.fromCharCode(event.keyCode)))" style="--padding-end:0;"
                        [ngClass]="{'number-center': it.subHtmlObj[0].beforeTxt}" (ionChange)="areaSlotchange($event, it,0)"
                        [(ngModel)]="it.subHtmlObj[0].value" [maxlength]="it.subHtmlObj[0].maxLength"
                        [attr.placeholder]="it.subHtmlObj[0].placeHolder" [formControlName]="it.subHtmlObj[0].formKey">
                      </ion-input>
                      <span class="before-txt" *ngIf="it.subHtmlObj[0].afterTxt">{{it.subHtmlObj[0].afterTxt}}</span>
                      <span style="width:0.03rem;
                  height:0.94rem;
                  background:rgba(182,183,191,1);margin-right: 1.25rem;padding-left: 1px;margin-left: 1.25rem;"></span>
                      <span class="before-txt" *ngIf="it.subHtmlObj[1].beforeTxt">{{it.subHtmlObj[1].beforeTxt}}</span>
                      <ion-input type="number" onkeyup="value=value.replace(/[^\d\.]/g,'')"
                        onafterpaste="if((value===''))execCommand('undo')"
                        onKeypress="return(/[\d\.]/.test(String.fromCharCode(event.keyCode)))" style="--padding-end:0;"
                        [ngClass]="{'number-center': it.subHtmlObj[1].beforeTxt}" (ionChange)="areaSlotchange($event, it,1)"
                        [(ngModel)]="it.subHtmlObj[1].value" [maxlength]="it.subHtmlObj[1].maxLength"
                        [attr.placeholder]="it.subHtmlObj[1].placeHolder" [formControlName]="it.subHtmlObj[1].formKey">
                      </ion-input>
                      <span class="before-txt" *ngIf="it.subHtmlObj[1].afterTxt">{{it.subHtmlObj[1].afterTxt}}</span>
                      <!-- 行尾文字 -->
                      <span class="jointEnd" *ngIf="it.extra">{{it.extra}}</span>
                      <!-- 租金单位 -->
                      <ng-container *ngIf="it.subHtmlObj && it.subHtmlObj.length === 3">
                        <input type="text" (focus)="showActionSheet(it.subHtmlObj[2])"
                          [formControlName]="it.subHtmlObj[0].formKey" class="displayno">
                        <span class="single-picker"
                          appDebounceClick (debounceClick)="showActionSheet(it.subHtmlObj[2])">{{it.subHtmlObj[2].showValue}}
                          <i class="right-img"></i>
                        </span>
                      </ng-container>
                    </div>
                  </ng-container>
    
                  <ng-container *ngSwitchCase="'selectAddressWidget'">
                    <div class="post-item post-item-div"  [ngStyle]="it.cssStyle | styleFilter" [ngClass]="{'border-none': it.lines === 'none'}">
                      <ion-label>{{it.label}}</ion-label>
                      <input type="text" [attr.placeholder]="it.placeHolder" (focus)="openModalMoreEditInfo(it)"
                        class="displayno">
                      <span class="input" appDebounceClick (debounceClick)="openModalMoreEditInfo(it)"
                        *ngIf="it.value && it.value !== ''">{{it.value}}</span>
                      <span class="input lightgrey" appDebounceClick (debounceClick)="openModalMoreEditInfo(it)"
                        *ngIf="!it.value || it.value === ''">{{it.placeHolder}}</span>
                      <i class="detail-icon" [ngStyle]="it.endIconCssStyle | styleFilter"></i>
                    </div>
                  </ng-container>
    
    
                  <!--  身份验证 -->
                  <ng-container *ngSwitchCase="'uploadIdentityWidget'">
                    <ion-item class="post-item" lines="none" [ngStyle]="it.cssStyle | styleFilter">
                      <ion-label>{{it.label}}</ion-label>
                    </ion-item>
                    <app-upload-identity [items]="it.subHtmlObj" (updateIdentity)="updateIdentityHandler($event)">
                    </app-upload-identity>
                  </ng-container>
                  <!-- 发布店铺图片 -->
                  <ng-container *ngSwitchCase="'addReleasePhoto'">
                    <app-photo-select [tagData]="it" (updateUrl)="updateUrlHandler($event)"></app-photo-select>
                  </ng-container>
                  <!--  备注图片选择 -->
                  <ng-container *ngSwitchCase="'photoSelectWidget'">
                    <app-photo-select [tagData]="it" (updateUrl)="updateUrlHandler($event)"></app-photo-select>
                  </ng-container>
                  <!--  底部弹窗单选 -->
                  <ng-container *ngSwitchCase="'singleColumnSelect'">
                    <div class="post-item post-item-div"  [ngStyle]="it.cssStyle | styleFilter" [ngClass]="{'border-none': it.lines === 'none'}">
                      <ion-label *ngIf="it.label && it.label !== ''" [ngStyle]="it.labelCssStyle | styleFilter">{{it.label}}</ion-label>
                      <input type="text" [attr.placeholder]="it.placeHolder" (focus)="showActionSheet(it)"
                        [formControlName]="it.formKey" class="displayno">
                      <span class="input" appDebounceClick (debounceClick)="showActionSheet(it)" *ngIf="it.showValue">{{it.showValue}}</span>
                      <span class="input lightgrey" appDebounceClick (debounceClick)="showActionSheet(it)"
                        *ngIf="!it.showValue">{{it.placeHolder}}</span>
                      <i class="detail-icon"></i>
                    </div>
    
    
                  </ng-container>
    
                  <!-- 多行备注 -->
                  <ng-container *ngSwitchCase="'textArea'">
                    <app-text-input [item]="it" (output) = "outputTextInput($event)"> </app-text-input>
    
                  </ng-container>
    
                  <!-- 时间选择  -->
                  <ng-container *ngSwitchCase="'datePicker'">
                    <app-text-input [item]="it" (output) = "outputTextInput($event)"> </app-text-input>
                  </ng-container>
  
                  <!-- 时间选择  -->
                  <ng-container *ngSwitchCase="'datePlug'">
                    <app-text-input [item]="it" (output) = "outputTextInput($event)"> </app-text-input>
                  </ng-container>
    
    
                  <!-- btn 切换 -->
                  <ng-container *ngSwitchCase="'switchButton'">
                    <app-text-input [item]="it" (output) = "outputTextInput($event)"> </app-text-input>
                  </ng-container>
                  <!--  合同凭证 -->
                  <ng-container *ngSwitchCase="'contractSelectWidget'">
                    <ion-item class="post-item" lines="none">
                      <!--  -->
                      <ion-label>{{it.label}}</ion-label>
                      <label for="toggle{{it.formKey}}" class="contract-check" style="display: inline-block"
                        appDebounceClick (debounceClick)="changeItemobjValidator(it,'contractSelectWidget')">
                        <i [ngClass]="{'check': it.value === 'true', 'uncheck':it.value !== 'true'}"> </i>
                      </label>
                      <span style="font-size: 1rem">{{it.tips}}</span>
    
                    </ion-item>
                    <hr *ngIf="it.value !== 'true'" style="border-bottom: solid 0.03rem #EBEBED;margin: 0 1.25rem;">
                    <ng-container *ngIf="it.value === 'true'">
                      <app-photo-select [tagData]="it.subHtmlObj[0]" (updateUrl)="updateUrlHandler($event)">
                      </app-photo-select>
                      <app-text-input [item]="it.subHtmlObj[1]" (output) = "outputTextInput($event)"> </app-text-input>
                    </ng-container>
    
    
                  </ng-container>
    
                  <!-- 中间弹窗多选 -->
                  <ng-container *ngSwitchCase="'multipleColumnSelect'">
                    <ion-item class="post-item" appDebounceClick (debounceClick)="showMultipleColumnSelect(it)">
                      <ion-label>{{it.label}}</ion-label>
                      <span class="input"
                        *ngIf="it.showValue && it.showValue !== '' && it.showValue.length ">{{it.showValue}}</span>
                      <span class="input lightgrey"
                        *ngIf="it.showValue === '' || it.showValue === undefined || !it.showValue.length">{{it.placeHolder}}</span>
                      <i class="select-span"></i>
                    </ion-item>
    
                  </ng-container>
                  </ng-container>
                  <!-- 行业多选 -->
                  <ng-container *ngSwitchCase="'modalMultipleSelect'">
                    <ion-item class="post-item">
                      <ion-label *ngIf="it.label && it.label.length > 0">{{it.label}}</ion-label>
                      <input type="text" [attr.placeholder]="it.placeHolder" (focus)="openMultipleModal(it)"
                        [formControlName]="it.formKey" class="displayno">
                      <span class="input" appDebounceClick (debounceClick)="openMultipleModal(it)"
                        *ngIf="it.value && it.value !== '' && it.value.length ">{{it.showValue}}</span>
                      <span class="input lightgrey" appDebounceClick (debounceClick)="openMultipleModal(it)"
                        *ngIf="!it.value">{{it.placeHolder}}</span>
                      <i class="detail-icon"></i>
                    </ion-item>
                  </ng-container>
    
                  <!-- 行业单选 -->
                  <ng-container *ngSwitchCase="'pickerSelect'">
                    <app-text-input [item]="it" (output) = "outputTextInput($event)"> </app-text-input>
                  </ng-container>
    
                  <!-- 城市选择 -->
                  <ng-container *ngSwitchCase="'citySelect'">
                    <ng-container *ngIf="!it.hidden">
                      <div class="post-item post-item-div"  [ngStyle]="it.cssStyle | styleFilter" [ngClass]="{'border-none': it.lines === 'none'}">
                    
                        <ion-label [ngStyle]="it.labelCssStyle | styleFilter">{{it.label}}</ion-label>
                        <input type="text" [attr.placeholder]="it.placeHolder" (focus)="openModalCityPage(it)"
                          class="displayno">
                        <span class="input" appDebounceClick (debounceClick)="openModalCityPage(it)"
                          *ngIf="it.showValue && it.showValue !== ''">{{it.showValue}}</span>
                        <span class="input lightgrey" appDebounceClick (debounceClick)="openModalCityPage(it)"
                          *ngIf="!it.showValue || it.showValue === ''">{{it.placeHolder}}</span>
                        <i class="detail-icon"></i>
                      </div>
                    </ng-container>
                    <!-- 区域 单选-->
                    <ng-container *ngIf="it.subHtmlObj &&  it.subHtmlObj[0].formType === 'pickerSelect'">
                      <div class="post-item post-item-div"  [ngStyle]="item.subHtmlObj[0].cssStyle | styleFilter" [ngClass]="{'border-none': item.subHtmlObj[0].lines === 'none'}">

                        <ion-label *ngIf="item.subHtmlObj[0].label && item.subHtmlObj[0].label.length > 0" [ngStyle]="item.subHtmlObj[0].labelCssStyle | styleFilter" >{{item.subHtmlObj[0].label}}</ion-label>
        
                        <span  appDebounceClick (debounceClick)="clickOnPickerSelect(it.subHtmlObj[0],true)"
                          class="input">
                          <span
                            [className]="(it.subHtmlObj[0].value && !it.subHtmlObj[0].disabled) ? 'select-checked' : 'lightgrey'">{{
                            it.subHtmlObj[0].showValue }}</span>
                        </span>
                        <i class="detail-icon"></i>
                      </div>
    
                    </ng-container>
    
                    <!-- 区域多选 -->
                    <ng-container *ngIf="it.subHtmlObj && it.subHtmlObj[0].formType === 'modalMultipleSelect'">
                      <div class="post-item post-item-div"  [ngStyle]="item.subHtmlObj[0].cssStyle | styleFilter" [ngClass]="{'border-none': item.subHtmlObj[0].lines === 'none'}">

                        <ion-label *ngIf="item.subHtmlObj[0].label && item.subHtmlObj[0].label.length > 0" [ngStyle]="item.subHtmlObj[0].labelCssStyle | styleFilter" >{{item.subHtmlObj[0].label}}</ion-label>
        
                        <input type="text" [attr.placeholder]="it.subHtmlObj[0].placeHolder"
                          (focus)="openMultipleModal(it.subHtmlObj[0],true)" [formControlName]="it.subHtmlObj[0].formKey"
                          class="displayno">
                        <span class="input" appDebounceClick (debounceClick)="openMultipleModal(it.subHtmlObj[0],true)"
                          *ngIf="it.subHtmlObj[0].value && it.subHtmlObj[0].value !== '' && it.subHtmlObj[0].value.length ">{{it.subHtmlObj[0].showValue}}</span>
                        <span class="input lightgrey" appDebounceClick (debounceClick)="openMultipleModal(it.subHtmlObj[0],true)"
                          *ngIf="!(it.subHtmlObj[0].value)">{{it.subHtmlObj[0].placeHolder}}</span>
                        <i class="detail-icon"></i>
                      </div>
                    </ng-container>
                  </ng-container>
    
                  <ng-container *ngSwitchCase="'releaseTypeWidget'">
                    <ul class="type-bg">
                      <li *ngFor="let li of it.itemList" class="type-item" appDebounceClick (debounceClick)="chooseReleaseType(it,li)">
                        <div class="item-bg" [ngClass]="{'check': li.check}" [ngStyle]="item.cssStyle|styleFilter">
                          <p class="item-content" [ngClass]="{'check': li.check}">{{li.label}}</p>
                        </div>
                      </li>
                    </ul>
                  </ng-container>
    
                  <ng-container *ngSwitchCase="'quickRelease'">
                    <div class="quick-bg" appDebounceClick (debounceClick)="changeItemobjValidator(item,'quickRelease')">
                      <ng-container *ngIf="appTypeCustom==='LJ'">
                        <ng-container *ngIf="it.value === 'true'">
                          <img src="assets/icon/quick_release_checked_lj@3x.png" class="release-check">
                        </ng-container>
                      </ng-container>
                      <ng-container *ngIf="appTypeCustom!=='LJ'">
                        <ng-container *ngIf="it.value === 'true'">
                          <img src="assets/icon/quick_release_checked@3x.png" class="release-check">
                        </ng-container>
                      </ng-container>
                      <ng-container *ngIf="!it.value === 'true'">
                        <img src="assets/icon/release_icon_unchecked@3x.png" class="release-uncheck">
                      </ng-container>
                      <span class="release-label">{{it.label}}</span>
                    </div>
                  </ng-container>
    
                  <!--  举报 -->
                  <ng-container *ngSwitchCase="'showSingleSelect'">
                    <div [ngStyle]="it.cssStyle | styleFilter">
                      <div class="post-item post-item-div"   [ngClass]="{'border-none': it.lines === 'none'}">
                        <label style="color: #858894;font-size: 0.88rem; width: 100%;"
                          [innerHTML]="it.label | parseStyle"></label>
                      </div>
    
                      <ul style="padding-left:1rem;padding-right:1rem"   [ngStyle]="it.valueCssStyle | styleFilter">
                        <li *ngFor="let info of it.itemList,let i=index" class="li-bg"  [ngStyle]="it.placeholderCssStyle | styleFilter"
                          appDebounceClick (debounceClick)="changeItemobjValidator(it,'showSingleSelect',info)">
                          <ng-container *ngIf="appTypeCustom==='LJ'">
                            <ng-container *ngIf="info.check">
                              <img *ngIf="info.iconOn" src="{{info.iconOn}}" alt="" class="release-check">
                              <img  *ngIf="!info.iconOn" src="assets/icon/quick_release_checked_lj@3x.png" class="release-check">
                            </ng-container>
                          </ng-container>
                          <ng-container *ngIf="appTypeCustom!=='LJ'">
                            <ng-container *ngIf="info.check">
                              <img *ngIf="info.iconOn" src="{{info.iconOn}}" alt="" class="release-check">
                              <img *ngIf="!info.iconOn" src="assets/icon/quick_release_checked@3x.png" class="release-check">
                            </ng-container>
                          </ng-container>
                          <ng-container *ngIf="!info.check">
                            <img src="assets/icon/release_icon_unchecked@3x.png" class="release-uncheck">
                          </ng-container>
                          <span class="li-item" [ngStyle]="it.showValueCssStyle | styleFilter">{{info.label}}</span>
                        </li>
                      </ul>
                    </div>
    
    
                  </ng-container>
    
                  <ng-container *ngSwitchCase="'grayItem'">
                    <div class="gray-item" [ngStyle]="it.cssStyle | styleFilter"></div>
                  </ng-container>
                  <!-- 模态 编辑更多信息 -->
                  <ng-container *ngSwitchCase="'modalEditMoreInfo'">
                    <ion-item class="post-item" lines="inset" style="text-align: center;"
                      appDebounceClick (debounceClick)="openModalMoreEditInfo(it)">
                      <label style="color: #858894;font-size: 0.88rem; width: 100%;">{{it.tips}}<i
                          class="more-icon"></i></label>
                    </ion-item>
                  </ng-container>
                  <!-- 左邻右舍 ,-->
                  <ng-container *ngSwitchCase="'commaSpliceShowValueForm'">
                    <ion-item class="post-item">
                      <ion-label>{{it.label}}</ion-label>
                      <input type="text" [attr.placeholder]="it.placeHolder" (focus)="openModalMoreEditInfo(it)"
                        class="displayno">
                      <span class="input" appDebounceClick (debounceClick)="openModalMoreEditInfo(it)"
                        *ngIf="it.showValue && it.showValue !== ''">{{it.showValue}}</span>
                      <span class="input lightgrey" appDebounceClick (debounceClick)="openModalMoreEditInfo(it)"
                        *ngIf="!it.showValue || it.showValue === ''">{{it.placeHolder}}</span>
                      <i class="detail-icon"></i>
                    </ion-item>
    
                  </ng-container>
    
                  <!-- 营业时间段  [(ngModel)]="it.subHtmlObj[1].showValue"-->
                  <ng-container *ngSwitchCase="'timeSlot'">
                    <app-text-input [item]="it" (output) = "outputTextInput($event)"> </app-text-input>

                  </ng-container>
    
    
                  <!--modal 描述 -->
                  <ng-container *ngSwitchCase="'modalOfTextArea'">
                    <ion-item class="post-item">
                      <ion-label>{{it.label}}</ion-label>
                      <input type="text" [attr.placeholder]="it.placeHolder" (focus)="openModalMoreEditInfo(it)"
                        class="displayno">
                      <span class="input" appDebounceClick (debounceClick)="openModalMoreEditInfo(it)"
                        *ngIf="it.showValue && it.showValue !== ''">{{it.showValue}}</span>
                      <span class="input lightgrey" appDebounceClick (debounceClick)="openModalMoreEditInfo(it)"
                        *ngIf="!it.showValue || it.showValue === ''">{{it.placeHolder}}</span>
                      <i class="detail-icon"></i>
                    </ion-item>
                  </ng-container>
                  <!--modal 编辑更多项目 -->
                  <ng-container *ngSwitchCase="'modalOfMoreItems'">
                    <ion-item class="post-item" [ngStyle]="item.cssStyle | styleFilter">
                      <ion-label [ngStyle]="item.labelCssStyle | styleFilter">{{item.label}}</ion-label>
                      <input type="text" [attr.placeholder]="item.placeHolder" (focus)="openModalMoreEditInfo(item)"
                        class="displayno">
                      <span class="input" appDebounceClick (debounceClick)="openModalMoreEditInfo(item)"
                        *ngIf="item.showValue && item.showValue !== ''">{{item.showValue}}<span class="jointEnd"
                          *ngIf="item.extra">{{item.extra}}</span></span>
                      <span class="input lightgrey" appDebounceClick (debounceClick)="openModalMoreEditInfo(item)"
                        *ngIf="!item.showValue || item.showValue === ''">{{item.placeHolder}}<span class="jointEnd"
                          *ngIf="item.extra">{{item.extra}}</span></span>
    
                      <i class="detail-icon"></i>
                    </ion-item>
                  </ng-container>
    
                  <!--tipsMessage 提示 -->
                  <ng-container *ngSwitchCase="'tipsMessage'">
                    <div
                      style="height: 3.44rem; line-height: 3.44rem; box-shadow: 0rem 0.03rem 0rem 0rem rgba(235,235,237,1);">
                      <img class="tips-icon" src="assets/icon/{{it.leftIcon}}" alt="">
                      <p class="tips-label">{{it.label}}</p>
                    </div>
    
                  </ng-container>
    
                </ng-container>
            </div>
            <ng-container *ngIf="item.leftIcon && item.endIcon; else elseTemplateDef">
              <p *ngIf="item.hidden" appDebounceClick (debounceClick)="moreDetailInfo(item)"
              [ngStyle]="item.cssStyle | styleFilter "
              >
            {{item.tips}}<img  src="{{item.leftIcon}}" alt="" [ngStyle]="item.leftIconCssStyle | styleFilter "></p>
            <p *ngIf="!item.hidden" appDebounceClick (debounceClick)="moreDetailInfo(item)"
            [ngStyle]="item.cssStyle | styleFilter "
            >
          {{item.hiddenTips}}<img  src="{{item.endIcon}}" alt="" [ngStyle]="item.endIconCssStyle | styleFilter "></p>
            </ng-container>
            <ng-template #elseTemplateDef>
              <p *ngIf="item.hidden" appDebounceClick (debounceClick)="moreDetailInfo(item)"
              style="text-align: center; line-height: 55px; color: #858894;font-size: 0.88rem; width: 100%;background: #F7F8FA;">
              {{item.tips}}<i class="more-icon-open"></i></p>
            <p *ngIf="!item.hidden" appDebounceClick (debounceClick)="moreDetailInfo(item)"
              style="text-align: center; line-height: 55px; color: #858894;font-size: 0.88rem; width: 100%;background: #F7F8FA;">
              {{item.hiddenTips}}<i class="more-icon-close"></i></p>  
            </ng-template>
        </ng-container>
        <!-- 标题标签 -->
        <ng-container *ngSwitchCase="'titleTip'">
          <div class="title-tip-box" [ngStyle]="item.cssStyle | styleFilter">
            <span class="title-tip-span" [ngStyle]="item.valueColor | styleFilter"></span>
            <p class="title-tip-p">
              <ng-container *ngIf="item.showValue">{{item.showValue}}</ng-container>
            </p>
          </div>
        </ng-container>

        <!-- 服务报价显示 -->
        <ng-container *ngSwitchCase="'servicePrice'">
          <div class="show-price-bg">
            <div class="service-price-label-bg" [ngStyle]="item.cssStyle | styleFilter"><span id="service-price-label"
                class="show-price">{{servicePriceShow}}</span><span class="show-price-unit">元</span></div>

            <div class="price-label">{{item.label}}</div>
          </div>

        </ng-container>

        <!-- 内部提交 -->
        <ng-container *ngSwitchCase="'innerBtn'">
          <div class="inner-btn-bg" [ngStyle]="item.labelCssStyle | styleFilter">
            <div class="inner-btn" [ngStyle]="item.cssStyle | styleFilter" appDebounceClick (debounceClick)="innerBtnClick(item)">{{item.label}}
            </div>
          </div>

        </ng-container>


        <!-- 合同预览 -->
        <ng-container *ngSwitchCase="'link'">
          <div class="link-bg">
            <p class="link-label">{{item.label}}</p>
            <p class="link-link" [ngStyle]="item.cssStyle | styleFilter" appDebounceClick (debounceClick)="linkClick(item)">{{item.value}}</p>
          </div>

        </ng-container>

        <!-- 服务报价说明 -->
        <ng-container *ngSwitchCase="'hintContent'">
          <div [ngStyle]="item.cssStyle | styleFilter" class="hint-bg">
            <div class="hint-content-bg" *ngIf="item.tips && item.tips.length > 0">
              <ng-container *ngFor="let tip of item.tips.split('||')">
                <p class="hint-item">
                  <span class="icon"></span>{{tip}}
                </p>
              </ng-container>
            </div>
          </div>
        </ng-container>

        <!-- 选择房型 modalMultipleFormKeySelect-->
        <ng-container *ngSwitchCase="'modalMultipleFormKeySelect'">
          <div class="post-item post-item-div"  [ngStyle]="item.cssStyle | styleFilter" [ngClass]="{'border-none': item.lines === 'none'}">
            <ion-label>{{item.label}}</ion-label>
            <span class="input" appDebounceClick (debounceClick)="openModalMultipleFormKeySelect(item)"
              *ngIf="houseTypeShowValue && houseTypeShowValue !== ''">{{houseTypeShowValue}}</span>
            <span class="input lightgrey" appDebounceClick (debounceClick)="openModalMultipleFormKeySelect(item)"
              *ngIf="!houseTypeShowValue || houseTypeShowValue === ''">{{item.placeHolder}}</span>
            <i class="detail-icon"></i>
          </div>
        </ng-container>
        <!-- 城市多选 -->
        <ng-container *ngSwitchCase="'mCitySelect'">
          <ion-content style="--background: white;">
            <ion-index-list-m [hasTop]="true">
              <div *ngFor="let group of item.groupCities">

                <ion-index-section-m [index]="group.l" *ngIf="(group.c|filter:key).length > 0">

                  <ion-index-cell-m *ngFor="let city of group.c | filter:key; last as last">
                    <span appDebounceClick (debounceClick)="cityClick(city,item)" [ngClass]="{'city-item-s': city.isSelected}"
                      class="city-item">{{city?.n}}</span>

                  </ion-index-cell-m>
                </ion-index-section-m>
              </div>
            </ion-index-list-m>
          </ion-content>

        </ng-container>
        <!-- 部门树形选择 -->
        <ng-container *ngSwitchCase="'departmentSelect'">
          <ion-item class="post-item">
            <ion-label>{{item.label}}</ion-label>
            <input type="text" [attr.placeholder]="item.placeHolder" (focus)="openModalDepartmentPage(item)"
              class="displayno">
            <span class="input" appDebounceClick (debounceClick)="openModalDepartmentPage(item)"
              *ngIf="item.showValue && item.showValue !== ''">{{item.showValue}}</span>
            <span class="input lightgrey" appDebounceClick (debounceClick)="openModalDepartmentPage(item)"
              *ngIf="!item.showValue || item.showValue === ''">{{item.placeHolder}}</span>
            <i class="detail-icon"></i>
          </ion-item>

        </ng-container>
        <!-- 灰色小字描述 -->
        <ng-container *ngSwitchCase="'descInfo'">
          <ion-item class="post-item" [lines]="item.lines? item.lines:'inset'">
            <p class="desc-info" [ngStyle]="item.cssStyle | styleFilter">{{item.label}}
              <span [ngStyle]="item.valueCssStyle | styleFilter">{{item.value}}</span>
            </p>
          </ion-item>

        </ng-container>
        <!-- 页面跳转 发布多物业-->
        <ng-container *ngSwitchCase="'postPage'">
          <ion-item class="post-item" [lines]="item.lines? item.lines:'inset'" appDebounceClick (debounceClick)="openPage(item)">
            <p class="page-label"><span class="page-label-span">{{item.label}}</span><i class="detail-icon"></i></p>
          </ion-item>

        </ng-container>
        <!--modal 编辑预售证 户型图 -->
        <ng-container *ngSwitchCase="'modalOfLocalEdit'">
          <ion-item class="post-item">
            <ion-label>{{item.label}}</ion-label>
            <input type="text" [attr.placeholder]="item.placeHolder" (focus)="openModalLocalEdit(item)"
              class="displayno">
            <span class="input" appDebounceClick (debounceClick)="openModalLocalEdit(item)"
              *ngIf="item.showValue && item.showValue !== ''">{{item.showValue}}<span class="jointEnd"
                *ngIf="item.extra">{{item.extra}}</span></span>
            <span class="input lightgrey" appDebounceClick (debounceClick)="openModalLocalEdit(item)"
              *ngIf="!item.showValue || item.showValue === ''">{{item.placeHolder}}<span class="jointEnd"
                *ngIf="item.extra">{{item.extra}}</span></span>

            <i class="detail-icon"></i>
          </ion-item>
        </ng-container>
        <!-- 入驻 -->
        <ng-container *ngSwitchCase="'titleContent'">
          <div class="lj-post-item titleContent" [ngClass]="{'js-post-item':item?.appType==='JS'}">
            <div class="lj-post-item-label" [ngStyle]="item?.cssStyle | styleFilter">
              <p> {{item.label}} <span class="title-tip" *ngIf="item.tips">{{item.tips}}</span></p>
              <img *ngIf="item.link" appDebounceClick (debounceClick)="openPage(item.link)" class="question"
                src="assets/laijian/icon_help_notes@3x.png" alt="">
            </div>

          </div>
        </ng-container>
        <!-- 提现标题 -->
        <ng-container *ngSwitchCase="'titleContentCenter'">
          <div class="lj-post-item titleContentCenter" [ngClass]="{'js-post-item':item?.appType==='JS'}"
            [ngStyle]="item?.cssStyle | styleFilter">

            <p class="title-content-center" [ngStyle]="item.labelCssStyle | styleFilter" *ngIf="item.label">
              {{item.label}}
            </p>
            <p class="title-tip-center" *ngIf="item.tips">{{item.tips}}</p>


          </div>
        </ng-container>

        <!-- 级别选项 -->
        <ng-container *ngSwitchCase="'chooseGrade'">
          <div class="grade-bg chooseGrade" [ngStyle]="item?.cssStyle | styleFilter">
            <p class="grde-title" *ngIf="item.label && item.label.length > 0">{{item.label}}</p>
            <div class="grade-items">
              <div class="item"
                [ngClass]="{'item-checked': it.value === item.value, 'item-last':i === item.itemList.length -1}"
                *ngFor="let it of item.itemList ; let i = index"
                appDebounceClick (debounceClick)="changeItemobjValidator(item,'switchButton',i)">
                <p class="title">{{it.label}}</p>
                <p class="price"> <span>￥</span>{{it.valueN}}</p>
                <p class="year">{{it.unit}}</p>
              </div>
            </div>
          </div>
        </ng-container>
        <!-- 管家服务年限 -->
        <ng-container *ngSwitchCase="'serviceYear'">
          <div class="grade-bg serviceYear" [ngStyle]="item?.cssStyle | styleFilter">
            <p class="grde-title" *ngIf="item.label && item.label.length > 0">{{item.label}}</p>
            <div class="grade-items">
              <div class="item item-year"
                [ngClass]="{'item-checked': it.value === item.value, 'item-last':i === item.itemList.length -1}"
                *ngFor="let it of item.itemList ; let i = index"
                appDebounceClick (debounceClick)="changeItemobjValidator(item,'switchButton',i)">
                <p class="title" style="text-align: left; width: 100%; font-size: 0.88rem;">{{it.label}}</p>
                <p class="price" style="text-align: center; font-size: 1.28rem;"> <span
                    style="font-size: 0.75rem;">￥</span>{{it.valueN}}</p>
                <!-- <p class="year">{{it.unit}}</p> -->
              </div>
            </div>
          </div>
        </ng-container>
         <!-- 更新规则 -->
         <ng-container *ngSwitchCase="'updateRules'">
          <div class="update-rule-bg" [ngStyle]="item.cssStyle | styleFilter">
            <i appDebounceClick (debounceClick)="changeItemobjValidator(item,'updateRules')"
                [ngClass]="{'uncheck': !item.checked,'checked': item.checked}"></i> <span [ngStyle]="item.labelCssStyle | styleFilter"
                appDebounceClick (debounceClick)="changeItemobjValidator(item,'updateRules')">{{item.label}}</span> 
        
          </div>


        </ng-container>
        <!-- 同意协议 -->
        <ng-container *ngSwitchCase="'joinLink'">
          <div [ngStyle]="item.cssStyle | styleFilter">
            <p class="check-bg"><i appDebounceClick (debounceClick)="changeItemobjValidator(item,'joinLink')"
                [ngClass]="{'uncheck': !item.checked,'checked': item.checked}"></i> <span
                appDebounceClick (debounceClick)="changeItemobjValidator(item,'joinLink')">{{item.label}}</span> <span class="xieyi"
                *ngIf="item.tips" appDebounceClick (debounceClick)="openPage(item.link)">{{item.tips}}</span>
            </p>

          </div>


        </ng-container>

        <!-- 同意协议 -->
        <ng-container *ngSwitchCase="'joinLinkTwoLine'">
          <div [ngStyle]="item.cssStyle | styleFilter">
            <p class="check-bg" style="margin-bottom: 0.63rem; padding-left: 1.25rem;"><i
                appDebounceClick (debounceClick)="changeItemobjValidator(item,'joinLink')"
                [ngClass]="{'uncheck': !item.checked,'checked': item.checked}"></i> <span
                style="color: #252629; font-size: 0.88rem; margin-left: 0.3rem;"
                appDebounceClick (debounceClick)="changeItemobjValidator(item,'joinLink')">{{item.label}}</span> <span class="xieyi"
                *ngIf="item.tips" appDebounceClick (debounceClick)="openPage(item.link)">{{item.tips}}</span>
            </p>
            <p class="place-holder-link">{{item.placeHolder}}</p>

          </div>


        </ng-container>

        <!-- 审核资料 -->
        <ng-container *ngSwitchCase="'checkData'">
          <div [ngStyle]="item.cssStyle | styleFilter">
            <p class="check-data-bg"><i appDebounceClick (debounceClick)="changeItemobjValidator(item,'joinLink')"
                [ngClass]="{'uncheck': !item.checked,'checked': item.checked}"></i> <span
                appDebounceClick (debounceClick)="changeItemobjValidator(item,'joinLink')">{{item.label}}</span>
            </p>

            <div class="imgs-bg" *ngIf="item.itemList && item.itemList.length > 0">
              <ng-container *ngFor="let it of item.itemList ;let i = index">
                <div style="display:flex; align-items: center; flex-direction: column;"
                  appDebounceClick (debounceClick)="pageModalService.openImage(i,item.itemList)">
                  <img class="item" [ngClass]="{'item-big': item.extra === 'identity'}" src="{{it.value}}" alt="">
                  <span *ngIf="it.label && it.label.length > 0" class="label">{{it.label}}</span>
                </div>
              </ng-container>
            </div>
          </div>

        </ng-container>

        <!-- 中间弹窗多选——label value 分开两行 -->
        <ng-container *ngSwitchCase="'multipleColumnSelectTwoLine'">
          <div class="edit-m-s-bg" [ngStyle]="item.cssStyle | styleFilter" appDebounceClick (debounceClick)="showMultipleColumnSelect(item)">
            <p class="label">{{item.label}} <i class="detail-icon"></i></p>
            <p class="palce-hoder" *ngIf="!(item.showValue && item.showValue.length> 0)">{{item.placeHolder}}</p>
            <p class="value" *ngIf="item.showValue && item.showValue.length> 0" [innerHTML]="item.showValue | parseStyle"></p>
          </div>
        </ng-container>
        <!-- 包含材料多选 -->
        <ng-container *ngSwitchCase="'editMultipleSelect'">
          <div class="edit-m-s-bg" [ngStyle]="item.cssStyle | styleFilter" appDebounceClick (debounceClick)="openModalMoreEditInfo(item)">
            <p class="label">{{item.label}} <i class="detail-icon"></i></p>
            <p class="palce-hoder" *ngIf="!(item.showValue && item.showValue.length> 0)">{{item.placeHolder}}</p>
            <p class="value" *ngIf="item.showValue && item.showValue.length> 0" [innerHTML]="item.showValue | parseStyle"></p>
          </div>
        </ng-container>


        <!--  材料多选 -->
        <ng-container *ngSwitchCase="'multipleSelect'">
          <div class="lj-post-item" [ngStyle]="item?.cssStyle | styleFilter"
            *ngIf="item.label && item.label.length> 0 || item.tips && item.tips.length> 0">
            <div class="lj-post-item-label" *ngIf="item.label && item.label.length> 0"
              [ngStyle]="item?.labelCssStyle | styleFilter">
              <span class="multiple-select-label">{{item.label}}</span>
            </div>
            <p class="multiple-select-tips" *ngIf="item.tips && item.tips.length> 0"> <span
                [ngStyle]="item?.valueCssStyle |styleFilter">{{item.tips}}</span> <img *ngIf="item.link"
                appDebounceClick (debounceClick)="openPage(item.link)" class="question" src="assets/laijian/icon_help_notes@3x.png"
                alt="">
            </p>
          </div>

          <ng-container *ngFor="let it of item.children">
            <div class="row-bg" [ngStyle]="item.cssStyle | styleFilter">
              <div class="row">
                <i [ngClass]="{'nochecked-row': !it.checked,'checked-row': it.checked}"
                  appDebounceClick (debounceClick)="chooseAll(it,item)"></i>
                <span style="flex-grow: 1;" appDebounceClick (debounceClick)="openOrCloseClick(it)">{{it.label}}</span>
                <i [ngClass]="{'noOpen': !it.open,'open': it.open}" appDebounceClick (debounceClick)="openOrCloseClick(it)"></i>

              </div>
              <div class="tag-bg" id=it.value [ngClass]="{'displayno': !it.open}">
                <div class="tag" [ngClass]="{'tag-checked': tag.checked}" appDebounceClick (debounceClick)="tagClick(tag,it,item)"
                  *ngFor="let tag of it.children">{{tag.label}}</div>
              </div>

            </div>

          </ng-container>



        </ng-container>

        <!-- 服务价格  -->
        <ng-container *ngSwitchCase="'price'">
          <div class="service_price_bg" [ngStyle]="item.cssStyle | styleFilter">
            <p class="service_price_label">{{item.label}}</p>
            <p class="service_price">{{item.showValue}}<span class="service_price_extra">{{item.extra}}</span></p>
          </div>

        </ng-container>

        <!-- 服务明细类别-->
        <ng-container *ngSwitchCase="'serviceType'">
          <div class="lj-post-item serviceType" [ngStyle]="item.cssStyle | styleFilter">
            <p class="lj-post-item-label" *ngIf="item.label && item.label.length > 0">
              {{item.label}}
            </p>

            <ng-container *ngIf="item.itemList && item.itemList.length > 9; else elseTemplate">
              <div class="service-bg">
                <ng-container *ngFor="let it of item.itemList.slice(0,8)">
                  <p class="service-item"><img src="assets/fw/service_type.png"
                      alt=""><span>{{it.label}}</span>
                  </p>
                </ng-container>
                <p class="service-item" appDebounceClick (debounceClick)="showAllType(item)"><img src="assets/fw/more_type.png"
                    alt=""><span style="font-size: 0.94rem;color: #FFAA00;">查看全部</span></p>

              </div>
            </ng-container>
            <ng-template #elseTemplate>
              <div class="service-bg">
                <ng-container *ngFor="let it of item.itemList">
                  <p class="service-item" [ngStyle]="item.showValueCssStyle | styleFilter"><img src="assets/fw/service_type.png"
                      alt=""><span>{{it.label}}</span>
                  </p>
                </ng-container>
              </div>
            </ng-template>



          </div>

        </ng-container>

        <!-- 评分  -->
        <ng-container *ngSwitchCase="'scoreFormType'">
          <div class="score-type-bg scoreFormType" [ngStyle]="item.cssStyle | styleFilter">
            <p class="score-type-label" *ngIf="item.label">{{item.label}}</p>
            <app-rating [rate]="item.value" [edit]=true [onlyShow]=item.disabled
              (updateRate)="updateRateReturn($event,item)"></app-rating>
            <p class="score-type-tip" *ngIf="item.showValue">{{item.showValue}}</p>
          </div>

        </ng-container>
        <!-- 提现  -->
        <ng-container *ngSwitchCase="'getCashType'">
          <div class="get-cash-bg getCashType" [ngStyle]="item.cssStyle | styleFilter">
            <p class="get-cash-label" [ngStyle]="item.labelCssStyle | styleFilter">{{item.label}}</p>
            <p class="get-cash" [ngStyle]="item.showValueCssStyle | styleFilter"><span [ngClass]="{'gray': !item.value }">￥</span>
              <!-- 数字类型 -->
              <ion-input type="number" onkeyup="value=value.replace(/[^\d\.]/g,'')"
                onafterpaste="if((value===''))execCommand('undo')"
                onKeypress="return(/[\d\.]/.test(String.fromCharCode(event.keyCode)))"
                [ngStyle]="item.valueCssStyle | styleFilter" (ionChange)="changeValue($event, item)"
                [(ngModel)]="item.value" [maxlength]="item.maxLength" [attr.placeholder]="item.placeHolder"
                [formControlName]="item.formKey" [readonly]="item.disabled" appDebounceClick (debounceClick)="inputClick(item)">
              </ion-input>
            </p>
            <p class="get-cash-tips" *ngIf="item.tips" [ngStyle]="item.tipsCssStyle | styleFilter" [innerHTML] = "item.tips" ></p><span *ngIf="item.extra" class="get-cash-all" [ngStyle]="item.extraCssStyle | styleFilter"
            appDebounceClick (debounceClick)="getAllCash(item)">{{item.extra}}</span>
          </div>
          
          <ng-container *ngIf="item.subHtmlObj">
            <ng-container *ngFor="let it of item.subHtmlObj" [ngSwitch]="it.formType">

              <ng-container *ngSwitchCase="'addPercentItemList'">
                <ng-container
                  *ngIf="(item.value && it.showCondition && it.showCondition.indexOf(item.value) > -1) ||  !it.showCondition">
                  
                  <ng-container *ngFor="let percent of it.itemList; let i = index">
                      <div class="add-item-bg" [ngStyle]="it.cssStyle | styleFilter">
                        <p class="percent-bg">
                          <img src="{{it.itemList[0].icon}}" class="add-new" alt="" appDebounceClick (debounceClick)="delItem(item,it,i)" [ngClass]="{'visibility-no': i === 0}">
                          <span class="add-text">第{{i+1}}笔尾款:</span>
                          <!-- 数字类型 -->
                          <ion-input [ngStyle]="it.valueCssStyle | styleFilter"  type="Number" class="percent"
                          onkeyup="value=value.replace(/[^\d\.]/g,'')" onafterpaste="if((value===''))execCommand('undo')"
                          onKeypress="return(/[\d\.]/.test(String.fromCharCode(event.keyCode)))"
                          (ionChange)="percentChangeValue($event, percent,it,item)" [(ngModel)]="percent.value" [ngModelOptions]="{standalone: true}" [maxlength]="it.maxLength"
                          [attr.placeholder]="it.placeHolder" 
                          >
                        </ion-input>
                        <span class="add-text">&#37;</span>
                      </p>
                      <p class="money">
                        {{it.tips}}{{percent.valueN}}
                      </p>
                      

                    </div>
                 </ng-container>

                  <div class="add-item-bg"  appDebounceClick (debounceClick)="addItem(it)" [ngStyle]="it.cssStyle | styleFilter">
                    <img src="{{it.itemList[0].iconOn}}" class="add-new" alt="">
                    <span class="add-text-add">{{it.extra}}</span>
                  </div>

                </ng-container>
              </ng-container>
            </ng-container>
          </ng-container>
        </ng-container>

        <!-- 选提现账号  -->
        <ng-container *ngSwitchCase="'selectAccount'">
          <div class="get-cash-bg selectAccount" [ngStyle]="item.cssStyle | styleFilter">
            <p class="get-cash-label">{{item.label}}</p>
            <div class="select-account" [ngStyle]="item.valueCssStyle | styleFilter" appDebounceClick (debounceClick)="changeAccount(item)">
              <img src="{{item.showData.icon}}" class="account-icon" alt=""
                *ngIf="item.showData.icon && item.showData.icon.length > 0">
                <ng-container *ngIf="item.showData.value && item.showData.value.length > 0; else elseTemplateText">
                  <div class="account-content" style="margin-left: 1rem;">
                      <p class="account" [ngStyle]="item.showValueCssStyle | styleFilter">{{item.showData.value}}</p>
                      <p class="tagLabel" *ngIf="item.showData.tagLabel && item.showData.tagLabel.length > 0">{{item.showData.tagLabel}}</p>
                      <p class="new-tips" *ngIf="item.showData.tips && item.showData.tips.length > 0">{{item.showData.tips}}</p>
                  </div>
                </ng-container>
                <ng-template #elseTemplateText>
                  <div class="account-content">
                      <p class="account">{{item.showData.label}}</p>
                      <p class="tips" *ngIf="item.showData.tips && item.showData.tips.length > 0">{{item.showData.tips}}</p>
                    </div>
                </ng-template>
              <i class="detail-icon"></i>

            </div>
          </div>

        </ng-container>
        <!-- 启动关注页 addby andrew.wen  -->
        <ng-container *ngSwitchCase="'multipleInterestSelect'">
          <div class="lj-post-item">
            <div class="lj-post-item-label" [ngStyle]="item?.cssStyle | styleFilter">
              <p class="selectionSubTitle">{{item.label}}</p>
              <div class="right-item-new" *ngIf="item.data && item.data.length > 0">
                <li class="sw-lj-item-new" *ngFor="let it of item.data; let a = index;"
                  appDebounceClick (debounceClick)="changeItemobjValidator(item,'multipleInterestSelect',a)">
                  <img [src]="it.icon" onerror="this.src='assets/img/default_rk.png'" class="iconImg" />
                  <i [ngClass]="{'nochecked':it.check===false ,'checked':it.check===true}"></i>
                  <font class="labelFont">
                    {{it.label}}
                  </font>
                </li>
              </div>
            </div>
          </div>
        </ng-container>
        <!-- 59.3 modalMultipleSelect3_Full 弹窗2-3级分类多选 (全屏窗) 有三级（品牌。全选不包含品牌选择）时候 二级占整行，子项不定宽。-->
        <ng-container *ngSwitchCase="'modalMultipleSelect3_Full'">
          <div class="join-form-item-bg" [ngStyle]="item.cssStyle | styleFilter"
            appDebounceClick (debounceClick)="modalMultipleSelect3FullScreen(item)">
            <p class="join-label" [ngStyle]="item.labelCssStyle | styleFilter" *ngIf="item.label && item.label !==''">
              {{item.label}}</p>

            <span class="join-sep" [ngStyle]="item.sepCssStyle | styleFilter"></span>
            <p class="palce-hoder-join" *ngIf="!(item.showValue && item.showValue.length> 0)"
              [ngStyle]="item.placeholderCssStyle | styleFilter">{{item.placeHolder}}</p>
            <p class="value-join" *ngIf="item.showValue && item.showValue.length> 0"
              [ngStyle]="item.valueCssStyle | styleFilter" [innerHTML]="item.showValue | parseStyle"></p>
            <img class="end-icon" *ngIf="item.endIcon && item.endIcon.length > 0" src="{{item.endIcon}}" alt="">

          </div>

        </ng-container>

        <!-- 59.4 modalMultipleSelect3_Auto_Full 弹窗自适应完整2-3级分类多选 子项不定宽 (全屏窗)-->
        <ng-container *ngSwitchCase="'modalMultipleSelect3_Auto_Full'">
          <div class="join-form-item-bg" [ngStyle]="item.cssStyle | styleFilter"
            appDebounceClick (debounceClick)="modalMultipleSelect3AutoFull(item)">
            <p class="join-label" [ngStyle]="item.labelCssStyle | styleFilter" *ngIf="item.label && item.label !==''">
              {{item.label}}</p>

            <span class="join-sep" [ngStyle]="item.sepCssStyle | styleFilter"></span>
            <p class="palce-hoder-join" *ngIf="!(item.showValue && item.showValue.length> 0)"
              [ngStyle]="item.placeholderCssStyle | styleFilter">{{item.placeHolder}}</p>
            <p class="value-join" *ngIf="item.showValue && item.showValue.length> 0"
              [ngStyle]="item.valueCssStyle | styleFilter" [innerHTML]="item.showValue | parseStyle"></p>
            <img class="end-icon" *ngIf="item.endIcon && item.endIcon.length > 0" src="{{item.endIcon}}" alt="">

          </div>

        </ng-container>
        <!-- 自适应2-3级分类多选 子项定宽 2个一行 半屏fw-->
        <ng-container *ngSwitchCase="'modalMultipleSelect3'">
          <ion-item class="post-item" appDebounceClick (debounceClick)="modalMultipleSelect3(item)">
            <ion-label *ngIf="item.label && item.label.length > 0">{{item.label}}</ion-label>
            <span class="input"
              *ngIf="item.showValue && item.showValue !== '' && item.showValue.length ">{{item.showValue}}</span>
            <span class="input lightgrey"
              *ngIf="item.showValue === '' || item.showValue === undefined || !item.showValue.length">{{item.placeHolder}}</span>
            <i class="select-span"></i>
          </ion-item>
        </ng-container>
        <!-- 自适应2-3级分类多选 子项不定宽 半屏fw-->
        <ng-container *ngSwitchCase="'modalMultipleSelect3_Auto'">

          <div class="lj-post-item">
            <p class="lj-post-item-label">
              {{item.label}}
            </p>

            <p class="lj-picker-bg" appDebounceClick (debounceClick)="modalMultipleSelect3(item,true)">
              <span *ngIf="item.value && item.value !== '' && item.value.length "
                [className]="(item.value && !item.disabled) ? 'select-checked' : 'lightgrey'"><i
                  class="lj-picker-left-icon"></i><i class="lj-item-value">{{item.showValue}}</i><i
                  *ngIf="item.del && item.value" class="lj-picker-right-del" appDebounceClick (debounceClick)="deleteValue(item)"></i><i
                  class="lj-right-icon"></i></span>

              <span *ngIf="!item.value" [className]="(item.value && !item.disabled) ? 'select-checked' : 'lightgrey'"><i
                  class="lj-picker-left-icon"></i><i class="lj-item-value">{{item.placeHolder}}</i><i
                  *ngIf="item.del && item.value" class="lj-picker-right-del" appDebounceClick (debounceClick)="deleteValue(item)"></i><i
                  class="lj-right-icon"></i></span>

            </p>

          </div>
        </ng-container>

        <!-- 分段 标题描述 -->
        <ng-container *ngSwitchCase="'sectionDesc'">
          <p class="section-desc sectionDesc" [ngStyle]="item.cssStyle | styleFilter" appDebounceClick (debounceClick)="openPage(item.link)">
            <span style="position: relative;">
              <span *ngIf="item.label && item.label.length > 0" [ngStyle]="item.labelCssStyle | styleFilter" class="sectionDescLabel" [innerHTML] = "item.label | parseStyle"></span>
              <span ngif="item.lines='inset'"  [ngStyle]="item.sepCssStyle | styleFilter" ></span>
            </span>
            
            <img src="{{item.leftIcon}}" *ngIf="item.leftIcon" class="left-icon" [ngStyle]="item.leftIconCssStyle | styleFilter " >
            <span class="input font17" [ngStyle]="item.valueCssStyle | styleFilter"
              *ngIf="item.extra !== '￥' && item.value && item.value !== '' && item.showValue &&item.showValue.length > 0">{{item.showValue}}</span>
            <span class="input lightgrey-notImportant font17" [ngStyle]="item.valueCssStyle | styleFilter"
              *ngIf="item.extra !== '￥' && !item.value && item.placeHolder">{{item.placeHolder}}</span>
            <span  *ngIf="item.extra === '￥' && item.value" [ngStyle]="item.valueCssStyle | styleFilter"><i class="pirce-digits">{{item.extra}}</i>{{getInterger(item.value )| currency:'CNY':'':'1.0-0' }}<i class="pirce-digits">{{(item.value   | currency:'CNY':'':'0.2-2') + '' | slice:-3}}</i></span>
            <i *ngIf="item.endIcon" class="detail-icon"  [ngStyle]="item.endIconCssStyle | styleFilter " ></i>
          </p>
        </ng-container>

        <!-- 免费 设计表头标题 -->
        <ng-container *ngSwitchCase="'formHeader'">
          <p class="form-header formHeader" [ngStyle]="item.cssStyle | styleFilter">
            <span class="form-header-line-l"></span>
            <span [ngStyle]="item.labelCssStyle | styleFilter" class="form-header-label">{{item.label}}</span>
            <span class="form-header-line-r"></span>
          </p>
        </ng-container>
        <!-- 免费设计 项目纯展示点击 -->
        <ng-container *ngSwitchCase="'designItem'">
          <p class="design-item designItem" [ngStyle]="item.cssStyle | styleFilter" appDebounceClick (debounceClick)="openPage(item.link)">
            <img *ngIf="item.leftIcon && item.leftIcon.indexOf('http') > -1 " src="{{item.leftIcon}}" alt="" [ngStyle]="item.leftIconCssStyle | styleFilter">
            <span [ngStyle]="item.labelCssStyle | styleFilter" class="design-item-label">
              <span>{{item.label}}</span>
              <span [ngStyle]="item.placeholderCssStyle | styleFilter">{{item.placeHolder}}</span>
          </span>
            <img *ngIf="item.endIcon && item.endIcon.indexOf('http') > -1 " src="{{item.endIcon}}" alt="" [ngStyle]="item.endIconCssStyle | styleFilter">
            <img *ngIf="item.endIcon && !(item.endIcon.indexOf('http') > -1) " src="assets/fw/icon_sheji_arrow.png" alt="" class="design-item-arrow">
          </p>
        </ng-container>
        <!-- 免费设计 省市区三级 -->
        <ng-container *ngSwitchCase="'pickerSelectDesign'">
          <app-text-input [item]="item" (output) = "outputTextInput($event)"> </app-text-input>  
        </ng-container>

      <!-- 省市区三级 直接提交-->
      <ng-container *ngSwitchCase="'pickerSelectBtn'">
        <app-text-input [item]="item" (output) = "outputTextInput($event)"> </app-text-input>
      </ng-container>
        <!-- 设计 选择房型 -->
        <ng-container *ngSwitchCase="'modalMultipleFormKeySelectDesign'">
          <div class="design-form-item-bg" [ngStyle]="item.cssStyle | styleFilter">
            <p class="design-label" [ngStyle]="item.labelCssStyle | styleFilter">{{item.label}}</p>
            <span class="design-input design-select-checked" appDebounceClick (debounceClick)="openModalMultipleFormKeySelect(item)"
              *ngIf="houseTypeShowValue && houseTypeShowValue !== ''">{{houseTypeShowValue}}</span>
            <span class="design-input design-lightgrey" appDebounceClick (debounceClick)="openModalMultipleFormKeySelect(item)"
              *ngIf="!houseTypeShowValue || houseTypeShowValue === ''">{{item.placeHolder}}</span>
            <i class="design-icon"></i>

          </div>
        </ng-container>

        <!-- 设计 编辑更多 -->
        <ng-container *ngSwitchCase="'modalOfMoreItemsDesign'">
          <div class="design-form-item-bg" [ngStyle]="item.cssStyle | styleFilter">
            <p class="design-label" [ngStyle]="item.labelCssStyle | styleFilter">{{item.label}}</p>

            <span class="design-input design-select-checked" appDebounceClick (debounceClick)="openModalMoreEditInfo(item)"
              *ngIf="item.showValue && item.showValue !== ''" [innerHTML]="item.showValue | parseStyle"><span
                class="jointEnd" *ngIf="item.extra">{{item.extra}}</span></span>
            <span class="design-input design-lightgrey" appDebounceClick (debounceClick)="openModalMoreEditInfo(item)"
              *ngIf="!item.showValue || item.showValue === ''">{{item.placeHolder}}<span class="jointEnd"
                *ngIf="item.extra">{{item.extra}}</span></span>

            <i class="design-icon"></i>
          </div>
        </ng-container>
        <!-- 设计风格 -->
        <ng-container *ngSwitchCase="'multipleDesignStyleSelect'">
          <div class="multipleDesignStyleSelect multiple-design-style-select-bg">
            <ng-container *ngFor="let itemInfo of item.itemList">
              <div class="design-style-item" appDebounceClick (debounceClick)="designStyle(itemInfo,item)">
                <img src="{{itemInfo.icon}}" alt="" class="design-style-item-img">
                <div *ngIf="itemInfo.status === 'false'" class="design-style-item-img-mark"></div>
                <p class="design-style-item-tag" *ngIf="itemInfo.status === 'false'">{{itemInfo.tagLabel}}</p>

                <ng-container *ngIf="itemInfo.status === 'true'">
                  <i *ngIf="itemInfo.check" class="design-style-item-check"
                    [ngStyle]="item.cssStyle | styleFilter">{{itemInfo.index}}</i>
                  <i *ngIf="!itemInfo.check" class="design-style-item-uncheck"></i>
                </ng-container>


                <p class="design-style-item-label">{{itemInfo.label}}</p>
              </div>
            </ng-container>
          </div>


        </ng-container>
        <!-- 转让出租出售 -->
        <ng-container *ngSwitchCase="'switchButtonLJ_icon'">
          <app-text-input [item]="item" (output) = "outputTextInput($event)"> </app-text-input>

          <ng-container *ngIf="item.subHtmlObj">
            <ng-container *ngFor="let it of item.subHtmlObj" [ngSwitch]="it.formType">

              <ng-container *ngSwitchCase="'switchButtonLJ'">
                <ng-container
                  *ngIf="(item.value && it.showCondition && it.showCondition.indexOf(item.value) > -1) ||  !it.showCondition">
                  <app-text-input [item]="it" (output) = "outputTextInput($event)"> </app-text-input>

                  <!-- 三级嵌套 -->
                  <ng-container *ngIf="it.subHtmlObj">
                    <ng-container *ngFor="let it_3 of it.subHtmlObj" [ngSwitch]="it_3.formType">


                      <!-- radioButtonLJ -->
                      <ng-container *ngSwitchCase="'radioButtonLJ'">
                        <ng-container
                          *ngIf="(it.value && it_3.showCondition && it_3.showCondition.indexOf(it.value) > -1) ||  !it_3.showCondition">
                          <p class="lj-radio-button-bg">
                            <ng-container *ngIf="it.itemList">
                              <span class="no-show">{{it_3.label}}</span>
                              <span class="sw-lj-item-btn" *ngFor="let i of it_3.itemList;let a = index"
                                [ngClass]="{'nochecked':it_3.value !== i.value,'checked':it_3.value === i.value }"
                                appDebounceClick (debounceClick)="changeItemobjValidator(it_3,'switchButton',a)">{{i.label}}</span>
                            </ng-container>
                          </p>
                        </ng-container>
                      </ng-container>

                      <ng-container *ngSwitchCase="'textInputLJ'">
                        <ng-container
                          *ngIf="(it.value && it_3.showCondition && it_3.showCondition.indexOf(it.value) > -1) ||  !it_3.showCondition">
                          <app-text-input [item]="it_3" (output) = "outputTextInput($event)"> </app-text-input>
                        </ng-container>
                      </ng-container>

                    </ng-container>
                  </ng-container>


                </ng-container>
              </ng-container>
              <!-- radioButtonLJ -->
              <ng-container *ngSwitchCase="'radioButtonLJ'">
                <ng-container
                  *ngIf="(item.value && it.showCondition && it.showCondition.indexOf(item.value) > -1) ||  !it.showCondition">
                  <p class="lj-radio-button-bg">
                    <ng-container *ngIf="it.itemList">
                      <span class="no-show">{{it.label}}</span>
                      <span class="sw-lj-item-btn" *ngFor="let i of it.itemList;let a = index"
                        [ngClass]="{'nochecked':it.value !== i.value,'checked':it.value === i.value }"
                        appDebounceClick (debounceClick)="changeItemobjValidator(it,'switchButton',a)">{{i.label}}</span>
                    </ng-container>
                  </p>
                </ng-container>
              </ng-container>
              <!-- 通用选择项目 4 个一行 -->
              <ng-container *ngSwitchCase="'switchButtonFW'">
                <ng-container
                  *ngIf="(item.value && it.showCondition && (it.showCondition.indexOf(item.value) > -1 || item.value.indexOf(it.showCondition) > -1 ) ||  !it.showCondition)">
                  <app-text-input [item]="it" (output) = "outputTextInput($event)"> </app-text-input>

                  <ng-container *ngIf="it.subHtmlObj && it.itemList[0].label !== '请填写'">
                    <ng-container *ngFor="let i of it.subHtmlObj" [ngSwitch]="i.formType">

                      <ng-container *ngSwitchCase="'textInput'">
                        <ng-container
                          *ngIf="(it.value && i.showCondition && i.showCondition.indexOf(it.value) > -1) ||  !i.showCondition">
                          <app-text-input [item]="i" (output) = "outputTextInput($event)"> </app-text-input>
                        </ng-container>

                      </ng-container>
                    </ng-container>

                  </ng-container>
                </ng-container>
              </ng-container>

              <ng-container *ngSwitchCase="'textInputLJ'">
                <ng-container
                  *ngIf="(item.value && it.showCondition && (it.showCondition.indexOf(item.value) > -1 || item.value.indexOf(it.showCondition) > -1 ) ||  !it.showCondition)">
                  <app-text-input [item]="it" (output) = "outputTextInput($event)"> </app-text-input>
                </ng-container>
              </ng-container>

              <ng-container *ngSwitchCase="'citySelectLJ'">
                <ng-container
                  *ngIf="(item.value && it.showCondition && (it.showCondition.indexOf(item.value) > -1 || item.value.indexOf(it.showCondition) > -1 ) ||  !it.showCondition)">
                  <div class="lj-post-item" [ngStyle]="it.cssStyle | styleFilter">
                    <p class="lj-post-item-label" *ngIf="it.label && it.label.length > 0">
                      {{it.label}}
                    </p>
                    <div class="lj-post-item-city">
                      <!-- city -->
                      <ng-container *ngIf="!it.hidden">
                        <p class="lj-picker-bg lj-picker-bg-city" appDebounceClick (debounceClick)="openModalCityPage(it)">
                          <span *ngIf="it.showValue && it.showValue !== '' && it.showValue.length "
                            [className]="(it.showValue && !it.disabled) ? 'select-checked' : 'lightgrey'"><i
                              class="lj-item-value lj-item-value-city" [ngStyle]="it.showValueCssStyle | styleFilter">{{it.showValue}}</i><i
                              class="lj-right-icon"></i></span>

                          <span *ngIf="!it.showValue"
                            [className]="(it.showValue && !it.disabled) ? 'select-checked' : 'lightgrey'"><i
                              class="lj-item-value lj-item-value-city" [ngStyle]="it.showValueCssStyle | styleFilter">{{it.placeHolder}}</i><i
                              class="lj-right-icon"></i></span>

                        </p>
                      </ng-container>

                      <!-- zone -->
                      <!-- 区域多选 -->
                      <ng-container *ngIf="it.subHtmlObj &&  it.subHtmlObj[0].formType === 'modalMultipleSelectLJ'">
                        <p class="lj-picker-bg lj-picker-bg-zone" appDebounceClick (debounceClick)="openMultipleModal(it.subHtmlObj[0])">
                          <span
                            *ngIf="it.subHtmlObj[0].value && it.subHtmlObj[0].value !== '' && it.subHtmlObj[0].value.length "
                            [className]="(it.subHtmlObj[0].value && !it.subHtmlObj[0].disabled) ? 'select-checked' : 'lightgrey'"><i
                              class="lj-item-value lj-item-value-zone" >{{it.subHtmlObj[0].showValue}}</i><i
                              class="lj-right-icon"></i></span>

                          <span *ngIf="!it.subHtmlObj[0].value"
                            [className]="(it.subHtmlObj[0].value && !it.subHtmlObj[0].disabled) ? 'select-checked' : 'lightgrey'"><i
                              class="lj-item-value lj-item-value-zone ">{{it.subHtmlObj[0].placeHolder}}</i><i
                              class="lj-right-icon"></i></span>

                        </p>
                      </ng-container>

                      <!-- 区域 单选-->
                      <ng-container *ngIf="it.subHtmlObj &&  it.subHtmlObj[0].formType === 'pickerSelectLJ'">

                        <p class="lj-picker-bg">
                          <span 
                            appDebounceClick (debounceClick)="clickOnPickerSelect(it.subHtmlObj[0])"  class="input" style="width: 100%;
                          display: flex;
                          align-items: center;">
                            <span
                              [className]="(it.subHtmlObj[0].value && !it.subHtmlObj[0].disabled) ? 'select-checked' : 'lightgrey'"><i
                                class="lj-item-value">{{item.subHtmlObj[0].showValue}}</i><i
                                class="lj-right-icon"></i></span>

                          </span>

                        </p>


                      </ng-container>
                    </div>

                  </div>
                </ng-container>
              </ng-container>

              <ng-container *ngSwitchCase="'slider'">
                <ng-container
                  *ngIf="(item.value && it.showCondition && (it.showCondition.indexOf(item.value) > -1 || item.value.indexOf(it.showCondition) > -1 ) ||  !it.showCondition)">
                  <div class="switchButtonFW lj-post-item" [ngStyle]="it.cssStyle | styleFilter">
                    <p class="lj-post-item-label lj-post-item-label-fw" [ngStyle]="it.labelCssStyle | styleFilter">
                      {{it.label}}
                    </p>
                    <div class="slider_bg">
                      <p class="slider_value">
                        <ng-container *ngIf="!it.showValue">
                          <span>{{it.value}}</span><span *ngIf="it.unit">{{it.unit}}</span>
                        </ng-container>
                        <ng-container *ngIf="it.showValue">
                          {{it.showValue}}
                        </ng-container>

                      </p>

                      <ion-range step="{{it.step}}" min="{{it.itemList[0].value}}"
                        max="{{it.itemList[it.itemList.length-1].value}}" color="secondary"
                        (ionChange)="changeValue($event, it)" [(ngModel)]="it.value" debounce=0 mode="ios"
                        [formControlName]="it.formKey">

                      </ion-range>
                      <div class="slider-label-bg">
                        <span class="slider-label" *ngFor="let it of it.itemList">{{it.label?it.label:it.value}}</span>
                      </div>
                    </div>

                  </div>
                </ng-container>
              </ng-container>
              <!--下一步 -->
              <!-- <ng-container *ngSwitchCase="'nextPageFomObj'">
                <ng-container
                  *ngIf="(item.value && it.showCondition && (it.showCondition.indexOf(item.value) > -1 || item.value.indexOf(it.showCondition) > -1 ) ||  !it.showCondition)">
                  <div style="height: 5.56rem; width: 100%; " [ngStyle]="it.cssStyle | styleFilter">
                    <div class="next-btn" appDebounceClick (debounceClick)="nextPage(it)" [ngStyle]="it.labelCssStyle | styleFilter">{{it.label}}
                    </div>
                  </div>
                </ng-container>
              </ng-container> -->

            </ng-container>
          </ng-container>
        </ng-container>
        <!-- 转让出租出售 -->
        <ng-container *ngSwitchCase="'switchButtonJoin'">
          <app-text-input [item]="item" (output) = "outputTextInput($event)"> </app-text-input>
        </ng-container>

        <ng-container *ngSwitchCase="'switchButtonFW_3'">
          <app-text-input [item]="item" (output) = "outputTextInput($event)"> </app-text-input>

          <ng-container *ngIf="item.subHtmlObj">
            <ng-container *ngFor="let it of item.subHtmlObj" [ngSwitch]="it.formType">

            <!--modal 编辑更多项目 -->
            <ng-container *ngSwitchCase="'bottomModalOfMoreItemsFW'">
              <ng-container
              *ngIf="(item.value && it.showCondition && (it.showCondition.indexOf(item.value) > -1 || item.value.indexOf(it.showCondition) > -1 ) ||  !it.showCondition)">
              <p class="design-item designItem" [ngStyle]="it.cssStyle | styleFilter" appDebounceClick (debounceClick)="openModalMoreEditInfo(it)">
                <img *ngIf="it.leftIcon" src="{{it.leftIcon}}" alt="" [ngStyle]="it.leftIconCssStyle | styleFilter">
                <span class="label-tips" [ngStyle]="it.tipsCssStyle | styleFilter"  *ngIf="it.tips && it.tips.length > 0" [innerHTML]="it.tips | parseStyle"></span>
                
                <span *ngIf="!it.showValue || it.showValue === ''"
                [className]="(it.showValue && !it.disabled) ? 'select-checked' : 'lightgrey'" [ngStyle]="it.placeholderCssStyle | styleFilter" class="design-item-label">
                  {{it.placeHolder}}
                </span>

                <span *ngIf="it.showValue && it.showValue !== ''"
                [className]="(it.showValue && !it.disabled) ? 'select-checked' : 'lightgrey'" [ngStyle]="it.valueCssStyle | styleFilter" class="design-item-label"  [innerHTML]="it.showValue | parseStyle">
                  
                </span>
              
                <img *ngIf="it.endIcon && it.endIcon.indexOf('http') > -1 " src="{{it.endIcon}}" alt="" [ngStyle]="it.endIconCssStyle | styleFilter">
                <img *ngIf="it.endIcon && !(it.endIcon.indexOf('http') > -1) " src="assets/icon/arrow_icon_down@3x.png" alt="" [ngStyle]="it.endIconCssStyle | styleFilter">
              </p>
              </ng-container>
            </ng-container>
   
             <ng-container *ngSwitchCase="'showMapCommunity'">
              <ng-container *ngIf="(item.value && item.value && it.showCondition && it.showCondition.indexOf(item.value) > -1) ||  !it.showCondition">
                <app-text-input [item]="it" (output) = "outputTextInput($event)"> </app-text-input>
                
              </ng-container>
            </ng-container>
      

              <ng-container *ngSwitchCase="'citySelect'">
                <ng-container *ngIf="(item.value && item.value && it.showCondition && it.showCondition.indexOf(item.value) > -1) ||  !it.showCondition">
                  <div class="post-item post-item-div"  [ngStyle]="it.cssStyle | styleFilter" [ngClass]="{'border-none': it.lines === 'none'}">
                    
                    <ion-label [ngStyle]="it.labelCssStyle | styleFilter" [innerHTML]="it.label | parseStyle"></ion-label>
                    <input type="text" [attr.placeholder]="it.placeHolder" (focus)="openModalCityPage(it)"
                      class="displayno">
                    <span class="input" appDebounceClick (debounceClick)="openModalCityPage(it)"
                      *ngIf="it.showValue && it.showValue !== ''" [ngStyle]="it.valueCssStyle |styleFilter">{{it.showValue}}</span>
                    <span class="input lightgrey" [ngStyle]="it.placeholderCssStyle |styleFilter" appDebounceClick (debounceClick)="openModalCityPage(it)"
                      *ngIf="!it.showValue || it.showValue === ''">{{it.placeHolder}}</span>
                    <i class="detail-icon" [ngStyle]="it.endIconCssStyle |styleFilter"></i>
                  </div>
                </ng-container>
              </ng-container>
              <ng-container *ngSwitchCase="'addItemCount'">
                <ng-container
                  *ngIf="(item.value && item.value && it.showCondition && it.showCondition.indexOf(item.value) > -1) ||  !it.showCondition">
                  <div class="add-item-count-bg" [ngStyle]="it.cssStyle | styleFilter">
                    <div class="add-item-count-inner-bg" [ngStyle]="it.itemListCssStyle | styleFilter">
                      <img  class="item-img" *ngIf="it.icon && it.icon.length > 0"   src="{{it.icon}}" alt="" [ngStyle]="it.leftIconCssStyle | styleFilter">
                      <div class="item-content-bg" [ngClass]="{'item-content-bg-no-img': !it.icon || it.icon.length === 0}">
                        <p class="title" [ngClass]="{'title-no-img': !it.icon || it.icon.length === 0}" *ngIf="it.label" [ngStyle]="it.labelCssStyle | styleFilter" [innerHTML]="it.label | parseStyle "></p>
                        
                        <div class="s-bg">
                          <p class="s-price" *ngIf="(it.extra && it.extra.length > 0) || (it.showValue && it.showValue.length > 0)" [ngStyle]="it.showValueCssStyle | styleFilter ">
                            <span class="s-unit" *ngIf="it.extra && it.extra.length > 0" >{{it.extra}}</span>
                            <span class="" *ngIf="it.showValue && it.showValue.length > 0">{{it.showValue}}</span>
                          </p>
                          <div class="num-bg" [ngStyle]="it.endIconCssStyle | styleFilter">
                            
                            <ng-container *ngIf="it.value > 1 ; else elseSubTemplate">
                              <img  src="assets/fw/sub_black.png" alt="" class="sub" appDebounceClick (debounceClick)="sub($event,it,0)">
                            </ng-container>
                            <ng-template #elseSubTemplate>
                              <img  src="assets/fw/sub_gray.png" alt="" class="sub"  appDebounceClick (debounceClick)="sub($event,it,0)">  
                            </ng-template>
                            
                            <ion-input [readonly]="it.disabled" [ngStyle]="it.valueCssStyle | styleFilter"
                            [formControlName]="it.formKey" (ionChange)="changeValue($event, it)" (ionBlur)="inutValue($event, it)" type="number" class="num switchButtonFW_input" [(ngModel)]="it.value" ></ion-input>
              
                            <img src="assets/fw/add_black.png" alt="" class="add"
                              appDebounceClick (debounceClick)="sub($event,it,1)">  
              
                        </div>
                        </div>
                        
                      </div>
                    </div>
                   
                  </div>
                </ng-container>
                
              </ng-container>
              <ng-container *ngSwitchCase="'textInput'">
                <ng-container
                  *ngIf="(item.value && item.value && it.showCondition && it.showCondition.indexOf(item.value) > -1) ||  !it.showCondition">
                  <app-text-input [item]="it" (output) = "outputTextInput($event)"> </app-text-input>
                </ng-container>

              </ng-container>
              <ng-container *ngSwitchCase="'textInputLJ'">
                <ng-container
                  *ngIf="(item.value && it.showCondition && (it.showCondition.indexOf(item.value) > -1 || item.value.indexOf(it.showCondition) > -1 ) ||  !it.showCondition)">
                  <app-text-input [item]="it" (output) = "outputTextInput($event)"> </app-text-input>
                </ng-container>
              </ng-container>
              <ng-container *ngSwitchCase="'textInputJoin'">
                <ng-container
                *ngIf="(item.value && item.value && it.showCondition && it.showCondition.indexOf(item.value) > -1) ||  !it.showCondition">
                <app-text-input [item]="it" (output) = "outputTextInput($event)"> </app-text-input>
                </ng-container>
                
              </ng-container>
              <ng-container *ngSwitchCase="'switchButtonFW_3'">
                <ng-container
                  *ngIf="(item.value && it.showCondition && it.showCondition.indexOf(item.value) > -1) ||  !it.showCondition">
                  <app-text-input [item]="it" (output) = "outputTextInput($event)"> </app-text-input>
                </ng-container>
              </ng-container>
              <ng-container *ngSwitchCase="'switchButtonLJ'">
                <ng-container
                  *ngIf="(item.value && it.showCondition && it.showCondition.indexOf(item.value) > -1) ||  !it.showCondition">
                  <app-text-input [item]="it" (output) = "outputTextInput($event)"> </app-text-input>
                </ng-container>
              </ng-container>
                          <!-- 选择房型 modalMultipleFormKeySelect-->
            <ng-container *ngSwitchCase="'modalMultipleFormKeySelect'">
              <ng-container *ngIf="(item.value && it.showCondition && (it.showCondition.indexOf(item.value) > -1 || item.value.indexOf(it.showCondition) > -1 ) ||  !it.showCondition)">
                <div class="post-item post-item-div"  [ngStyle]="it.cssStyle | styleFilter" [ngClass]="{'border-none': it.lines === 'none'}">
                    <ion-label [ngStyle]="it.labelCssStyle | styleFilter">{{it.label}}</ion-label>
                    <span class="input" [ngStyle]="it.valueCssStyle | styleFilter" appDebounceClick (debounceClick)="openModalMultipleFormKeySelect(it)"
                      *ngIf="houseTypeShowValue && houseTypeShowValue !== ''">{{houseTypeShowValue}}</span>
                    <span class="input lightgrey" [ngStyle]="it.valueCssStyle | styleFilter" appDebounceClick (debounceClick)="openModalMultipleFormKeySelect(item)"
                      *ngIf="!houseTypeShowValue || houseTypeShowValue === ''">{{it.placeHolder}}</span>
                    <i class="detail-icon"></i>
                  </div>
              </ng-container>
            </ng-container>
              <!-- radioButtonLJ -->
              <ng-container *ngSwitchCase="'radioButtonLJ'">
                <ng-container
                  *ngIf="(item.value && it.showCondition && it.showCondition.indexOf(item.value) > -1) ||  !it.showCondition">
                  <p class="lj-radio-button-bg">
                    <ng-container *ngIf="it.itemList">
                      <span class="no-show">{{it.label}}</span>
                      <span class="sw-lj-item-btn" *ngFor="let i of it.itemList;let a = index"
                        [ngClass]="{'nochecked':it.value !== i.value,'checked':it.value === i.value }"
                        appDebounceClick (debounceClick)="changeItemobjValidator(it,'switchButton',a)">{{i.label}}</span>
                    </ng-container>
                  </p>
                </ng-container>
              </ng-container>
              
               <!-- 分段 标题描述 -->
               <ng-container *ngSwitchCase="'sectionDesc'">
                <ng-container
                  *ngIf="(item.value && it.showCondition && it.showCondition.indexOf(item.value) > -1) ||  !it.showCondition">
                  <p class="section-desc" [ngStyle]="it.cssStyle | styleFilter" appDebounceClick (debounceClick)="openPage(it.link)">
                    <span [ngStyle]="it.labelCssStyle | styleFilter" class="sectionDescLabel"[innerHTML] = "it.label | parseStyle"></span>
                    
                    <input type="text" [attr.placeholder]="it.placeHolder" [formControlName]="it.formKey"
                      class="displayno">
                    <span class="input font17"
                      *ngIf="it.value && it.value !== '' && it.value.length ">{{it.showValue}}</span>
                    <span class="input lightgrey-notImportant font17" *ngIf="!it.value && it.placeHolder">{{it.placeHolder}}</span>
                    <i *ngIf="it.endIcon" class="detail-icon"  [ngStyle]="it.endIconCssStyle | styleFilter " ></i>
                  </p>
                </ng-container>

              </ng-container>

              <ng-container *ngSwitchCase="'modalMultipleSelect3_Auto_Full'">
                <ng-container
                  *ngIf="(item.value && it.showCondition && (it.showCondition.indexOf(item.value) > -1 || item.value.indexOf(it.showCondition) > -1 ) ||  !it.showCondition)">
  
                  <div class="join-form-item-bg" [ngStyle]="it.cssStyle | styleFilter"
                  appDebounceClick (debounceClick)="modalMultipleSelect3AutoFull(it)">
                  <p class="join-label" [ngStyle]="it.labelCssStyle | styleFilter" *ngIf="it.label && it.label !==''">
                    {{it.label}}</p>
      
                  <span class="join-sep" [ngStyle]="it.sepCssStyle | styleFilter"></span>
                  <p class="palce-hoder-join" *ngIf="!(it.showValue && it.showValue.length> 0)"
                    [ngStyle]="it.placeholderCssStyle | styleFilter">{{it.placeHolder}}</p>
                  <p class="value-join" *ngIf="it.showValue && it.showValue.length> 0"
                    [ngStyle]="it.valueCssStyle | styleFilter" [innerHTML]="it.showValue | parseStyle"></p>
                  <img class="end-icon" *ngIf="it.endIcon && it.endIcon.length > 0" src="{{it.endIcon}}" alt="">
      
                </div>
  
                </ng-container>
                
      
              </ng-container>

              <ng-container *ngSwitchCase="'modalMultipleSelect3_Full'">
                <ng-container
                  *ngIf="(item.value && it.showCondition && (it.showCondition.indexOf(item.value) > -1 || item.value.indexOf(it.showCondition) > -1 ) ||  !it.showCondition)">
                  <div class="join-form-item-bg" [ngStyle]="it.cssStyle | styleFilter"
                    appDebounceClick (debounceClick)="modalMultipleSelect3FullScreen(it)">
                    <p class="join-label" [ngStyle]="it.labelCssStyle | styleFilter"
                      *ngIf="it.label && item.label !==''">
                      {{it.label}}</p>

                    <span class="join-sep" [ngStyle]="it.sepCssStyle | styleFilter"></span>
                    <p class="palce-hoder-join" *ngIf="!(it.showValue && it.showValue.length> 0)"
                      [ngStyle]="it.placeholderCssStyle | styleFilter">{{it.placeHolder}}</p>
                    <p class="value-join" *ngIf="it.showValue && it.showValue.length> 0"
                      [ngStyle]="it.valueCssStyle | styleFilter" [innerHTML]="it.showValue | parseStyle"></p>
                    <img class="end-icon" *ngIf="it.endIcon && it.endIcon.length > 0" src="{{it.endIcon}}" alt="">

                  </div>

                </ng-container>
              </ng-container>
              
            </ng-container>
          </ng-container>
        </ng-container>
        
        <!-- 通用选择项目 可以输入 -->
        <ng-container *ngSwitchCase="'switchButtonFW'">
          <app-text-input [item]="item" (output) = "outputTextInput($event)"> </app-text-input>

          <ng-container *ngIf="item.subHtmlObj">
            <ng-container *ngFor="let it of item.subHtmlObj" [ngSwitch]="it.formType">
              <ng-container *ngSwitchCase="'addItemCount'">
                <ng-container
                  *ngIf="(item.value && item.value && it.showCondition && it.showCondition.indexOf(item.value) > -1) ||  !it.showCondition">
                  <div class="add-item-count-bg" [ngStyle]="it.cssStyle | styleFilter">
                    <div class="add-item-count-inner-bg" [ngStyle]="it.itemListCssStyle | styleFilter">
                      <img  class="item-img" *ngIf="it.icon && it.icon.length > 0"   src="{{it.icon}}" alt="" [ngStyle]="it.leftIconCssStyle | styleFilter">
                      <div class="item-content-bg" [ngClass]="{'item-content-bg-no-img': !it.icon || it.icon.length === 0}">
                        <p class="title" [ngClass]="{'title-no-img': !it.icon || it.icon.length === 0}" *ngIf="it.label" [ngStyle]="it.labelCssStyle | styleFilter" [innerHTML]="it.label | parseStyle "></p>
                        
                        <div class="s-bg">
                          <p class="s-price" *ngIf="(it.extra && it.extra.length > 0) || (it.showValue && it.showValue.length > 0)" [ngStyle]="it.showValueCssStyle | styleFilter ">
                            <span class="s-unit" *ngIf="it.extra && it.extra.length > 0" >{{it.extra}}</span>
                            <span class="" *ngIf="it.showValue && it.showValue.length > 0">{{it.showValue}}</span>
                          </p>
                          <div class="num-bg" [ngStyle]="it.endIconCssStyle | styleFilter">
                            
                            <ng-container *ngIf="it.value > 1 ; else elseSubTemplate">
                              <img  src="assets/fw/sub_black.png" alt="" class="sub" appDebounceClick (debounceClick)="sub($event,it,0)">
                            </ng-container>
                            <ng-template #elseSubTemplate>
                              <img  src="assets/fw/sub_gray.png" alt="" class="sub"  appDebounceClick (debounceClick)="sub($event,it,0)">  
                            </ng-template>
                            
                            <ion-input [readonly]="it.disabled" [ngStyle]="it.valueCssStyle | styleFilter"
                            [formControlName]="it.formKey" (ionChange)="changeValue($event, it)" (ionBlur)="inutValue($event, it)" type="number" class="num switchButtonFW_input" [(ngModel)]="it.value" ></ion-input>
              
                            <img src="assets/fw/add_black.png" alt="" class="add"
                              appDebounceClick (debounceClick)="sub($event,it,1)">  
              
                        </div>
                        </div>
                        
                      </div>
                    </div>
                   
                  </div>
                </ng-container>
                
              </ng-container>
              <ng-container *ngSwitchCase="'estimatePrice'">
                <ng-container
                  *ngIf="(item.value && it.showCondition && it.showCondition.indexOf(item.value) > -1) ||  !it.showCondition">
                  <!-- 维修预估价格 -->
                  <div class="estimate-price-bg" [ngStyle]="it.cssStyle | styleFilter" >
                    <span class="price-label" [ngStyle]="it.labelCssStyle | styleFilter">{{it.label}}</span>
                    <span class="price-tips">{{it.tips}}</span>
                    <span class="price-label-u">￥</span>
                    <span class="price" [ngStyle]="it.valueCssStyle | styleFilter" >{{it.value}}</span>
                    <span class="price-uint">{{it.unit}}</span>
                  </div>               
                 </ng-container>
              </ng-container>
 
              <ng-container *ngSwitchCase="'switchButtonLJ'">
                <ng-container
                  *ngIf="(item.value && it.showCondition && it.showCondition.indexOf(item.value) > -1) ||  !it.showCondition">
                  <app-text-input [item]="it" (output) = "outputTextInput($event)"> </app-text-input>
                </ng-container>
              </ng-container>
              <!-- radioButtonLJ -->
              <ng-container *ngSwitchCase="'radioButtonLJ'">
                <ng-container
                  *ngIf="(item.value && it.showCondition && it.showCondition.indexOf(item.value) > -1) ||  !it.showCondition">
                  <p class="lj-radio-button-bg">
                    <ng-container *ngIf="it.itemList">
                      <span class="no-show">{{it.label}}</span>
                      <span class="sw-lj-item-btn" *ngFor="let i of it.itemList;let a = index"
                        [ngClass]="{'nochecked':it.value !== i.value,'checked':it.value === i.value }"
                        appDebounceClick (debounceClick)="changeItemobjValidator(it,'switchButton',a)">{{i.label}}</span>
                    </ng-container>
                  </p>
                </ng-container>
              </ng-container>
              <!-- 通用选择项目 4 个一行 -->
              <ng-container *ngSwitchCase="'switchButtonFW'">
                <ng-container
                  *ngIf="(item.value && it.showCondition && (it.showCondition.indexOf(item.value) > -1 || item.value.indexOf(it.showCondition) > -1 ) ||  !it.showCondition)">
                  <app-text-input [item]="it" (output) = "outputTextInput($event)"> </app-text-input>
                  
                  <ng-container *ngIf="it.subHtmlObj">
                    <ng-container *ngFor="let i of it.subHtmlObj" [ngSwitch]="i.formType">
                      <ng-container *ngSwitchCase="'bottomModalOfMoreItemsFW'">
                        <ng-container *ngIf="(it.value && i.showCondition && (i.showCondition.indexOf(it.value) > -1 || it.value.indexOf(i.showCondition) > -1 ) ||  !i.showCondition)">
                          <p class="design-item designItem" [ngStyle]="i.cssStyle | styleFilter"
                          appDebounceClick (debounceClick)="openModalMoreEditInfo(i)">
                            <img *ngIf="i.leftIcon" src="{{i.leftIcon}}" alt="" [ngStyle]="i.leftIconCssStyle | styleFilter">
                            <span class="label-tips" *ngIf="i.tips && i.tips.length > 0">
                              {{i.tips}}
                            </span>
                            <span *ngIf="!i.showValue || i.showValue === ''" [className]="(i.showValue && !i.disabled) ? 'select-checked' : 'lightgrey'"
                            [ngStyle]="i.placeholderCssStyle | styleFilter" class="design-item-label">
                              
                                {{i.placeHolder}}
                              
                            </span>
                            <span *ngIf="i.showValue && i.showValue !== ''" [className]="(i.showValue && !i.disabled) ? 'select-checked' : 'lightgrey'"
                            [ngStyle]="i.valueCssStyle | styleFilter" class="design-item-label" [innerHTML]="i.showValue | parseStyle">
                              
                            </span>
                            <img *ngIf="i.endIcon && i.endIcon.indexOf('http') > -1 " src="{{i.endIcon}}"
                            alt="" [ngStyle]="i.endIconCssStyle | styleFilter">
                            <img *ngIf="i.endIcon && !(i.endIcon.indexOf('http') > -1) " src="assets/icon/arrow_icon_down@3x.png"
                            alt="" [ngStyle]="i.endIconCssStyle | styleFilter">
                          </p>
                        </ng-container>
                      </ng-container>
                      <!-- 分段 标题描述 -->
                      <ng-container *ngSwitchCase="'sectionDesc'">
                        <ng-container *ngIf="(it.value && i.showCondition && (i.showCondition.indexOf(it.value) > -1 || it.value.indexOf(i.showCondition) > -1 ) ||  !i.showCondition)">
                          <p class="section-desc" [ngStyle]="i.cssStyle | styleFilter" appDebounceClick (debounceClick)="openPage(i.link)">
                            <span [ngStyle]="i.labelCssStyle | styleFilter" class="sectionDescLabel"[innerHTML] = "i.label | parseStyle">
                            </span>
                            <input type="text" *ngIf="i.formKey && i.formKey.length > 0 " [attr.placeholder]="i.placeHolder"
                            [formControlName]="i.formKey" class="displayno">
                            <span class="input font17" *ngIf="i.value && i.value !== '' && i.value.length ">
                              {{i.showValue}}
                            </span>
                            <span class="input lightgrey-notImportant font17" *ngIf="!i.value && i.placeHolder">
                              {{i.placeHolder}}
                            </span>
                            <i *ngIf="i.endIcon" class="detail-icon"  [ngStyle]="i.endIconCssStyle | styleFilter " ></i>
                          </p>
                        </ng-container>
                      </ng-container>
                    </ng-container>
                  </ng-container>
                        
                </ng-container>

                
              </ng-container>

              <ng-container *ngSwitchCase="'textInputLJ'">
                <ng-container
                  *ngIf="(item.value && it.showCondition && (it.showCondition.indexOf(item.value) > -1 || item.value.indexOf(it.showCondition) > -1 ) ||  !it.showCondition)">
                  <app-text-input [item]="it" (output) = "outputTextInput($event)"> </app-text-input>
                </ng-container>
              </ng-container>

              <ng-container *ngSwitchCase="'citySelectLJ'">
                <ng-container
                  *ngIf="(item.value && it.showCondition && (it.showCondition.indexOf(item.value) > -1 || item.value.indexOf(it.showCondition) > -1 ) ||  !it.showCondition)">
                  <div class="lj-post-item" [ngStyle]="it.cssStyle | styleFilter">
                    <p class="lj-post-item-label" *ngIf="it.label && it.label.length > 0">
                      {{it.label}}
                    </p>
                    <div class="lj-post-item-city">
                      <!-- city -->
                      <ng-container *ngIf="!it.hidden">
                        <p class="lj-picker-bg lj-picker-bg-city" appDebounceClick (debounceClick)="openModalCityPage(it)">
                          <span *ngIf="it.showValue && it.showValue !== '' && it.showValue.length "
                            [className]="(it.showValue && !it.disabled) ? 'select-checked' : 'lightgrey'"><i
                              class="lj-item-value lj-item-value-city" [ngStyle]="it.showValueCssStyle | styleFilter">{{it.showValue}}</i><i
                              class="lj-right-icon"></i></span>

                          <span *ngIf="!it.showValue"
                            [className]="(it.showValue && !it.disabled) ? 'select-checked' : 'lightgrey'"><i
                              class="lj-item-value lj-item-value-city" [ngStyle]="it.showValueCssStyle | styleFilter">{{it.placeHolder}}</i><i
                              class="lj-right-icon"></i></span>

                        </p>
                      </ng-container>

                      <!-- zone -->
                      <!-- 区域多选 -->
                      <ng-container *ngIf="it.subHtmlObj &&  it.subHtmlObj[0].formType === 'modalMultipleSelectLJ'">
                        <p class="lj-picker-bg lj-picker-bg-zone" appDebounceClick (debounceClick)="openMultipleModal(it.subHtmlObj[0])">
                          <span
                            *ngIf="it.subHtmlObj[0].value && it.subHtmlObj[0].value !== '' && it.subHtmlObj[0].value.length "
                            [className]="(it.subHtmlObj[0].value && !it.subHtmlObj[0].disabled) ? 'select-checked' : 'lightgrey'"><i
                              class="lj-item-value lj-item-value-zone" [ngStyle]="it.subHtmlObj[0].showValueCssStyle | styleFilter">{{it.subHtmlObj[0].showValue}}</i><i
                              class="lj-right-icon"></i></span>

                          <span *ngIf="!it.subHtmlObj[0].value"
                            [className]="(it.subHtmlObj[0].value && !it.subHtmlObj[0].disabled) ? 'select-checked' : 'lightgrey'"><i
                              class="lj-item-value lj-item-value-zone " [ngStyle]="it.subHtmlObj[0].showValueCssStyle | styleFilter">{{it.subHtmlObj[0].placeHolder}}</i><i
                              class="lj-right-icon"></i></span>

                        </p>
                      </ng-container>

                      <!-- 区域 单选-->
                      <ng-container *ngIf="it.subHtmlObj &&  it.subHtmlObj[0].formType === 'pickerSelectLJ'">

                        <p class="lj-picker-bg">
                          <span
                            appDebounceClick (debounceClick)="clickOnPickerSelect(it.subHtmlObj[0])"  class="input" style="width: 100%;
                          display: flex;
                          align-items: center;">
                            <span
                              [className]="(it.subHtmlObj[0].value && !it.subHtmlObj[0].disabled) ? 'select-checked' : 'lightgrey'"><i
                                class="lj-item-value">{{item.subHtmlObj[0].showValue}}</i><i
                                class="lj-right-icon"></i></span>

                          </span>

                        </p>


                      </ng-container>
                    </div>

                  </div>
                </ng-container>
              </ng-container>

              <ng-container *ngSwitchCase="'slider'">
                <ng-container
                  *ngIf="(item.value && it.showCondition && (it.showCondition.indexOf(item.value) > -1 || item.value.indexOf(it.showCondition) > -1 ) ||  !it.showCondition)">
                  <div class="switchButtonFW lj-post-item" [ngStyle]="it.cssStyle | styleFilter">
                    <p class="lj-post-item-label lj-post-item-label-fw" [ngStyle]="it.labelCssStyle | styleFilter">
                      {{it.label}}
                    </p>
                    <div class="slider_bg">
                      <p class="slider_value">
                        <ng-container *ngIf="!it.showValue">
                          <span>{{it.value}}</span><span *ngIf="it.unit">{{it.unit}}</span>
                        </ng-container>
                        <ng-container *ngIf="it.showValue">
                          {{it.showValue}}
                        </ng-container>

                      </p>

                      <ion-range step="{{it.step}}" min="{{it.itemList[0].value}}"
                        max="{{it.itemList[it.itemList.length-1].value}}" color="secondary"
                        (ionChange)="changeValue($event, it)" [(ngModel)]="it.value" debounce=0 mode="ios"
                        [formControlName]="it.formKey">

                      </ion-range>
                      <div class="slider-label-bg">
                        <span class="slider-label" *ngFor="let it of it.itemList">{{it.label?it.label:it.value}}</span>
                      </div>
                    </div>

                  </div>
                </ng-container>
              </ng-container>
               <!-- 多行备注 LJ-->
               <ng-container *ngSwitchCase="'textAreaLJ'">
                <ng-container
                *ngIf="(item.value && it.showCondition && (it.showCondition.indexOf(item.value) > -1 || item.value.indexOf(it.showCondition) > -1 ) ||  !it.showCondition)">
                  <app-text-input [item]="it" (output) = "outputTextInput($event)"> </app-text-input>
                </ng-container>
                

              </ng-container>
               <!-- 多行备注 有label-->
              <ng-container *ngSwitchCase="'textAreaLines'">
                <ng-container
                *ngIf="(item.value && it.showCondition && (it.showCondition.indexOf(item.value) > -1 || item.value.indexOf(it.showCondition) > -1 ) ||  !it.showCondition)">
                  <app-text-input [item]="it" (output) = "outputTextInput($event)"> </app-text-input>
                </ng-container>
                </ng-container>
                
              </ng-container>
              <!-- 小时选择-->
              <ng-container *ngSwitchCase="'chooseHours'">
                <ng-container
                *ngIf="(item.value && it.showCondition && (it.showCondition.indexOf(item.value) > -1 || item.value.indexOf(it.showCondition) > -1 ) ||  !it.showCondition)">
                <div class="lj-post-item" [ngStyle]="it.cssStyle | styleFilter" >
                  <p class="lj-post-item-label" *ngIf="it.label && it.label.length> 0" [ngStyle]="it.labelCssStyle | styleFilter" >
                    {{it.label}}
                  </p>

                  <p class="lj-picker-bg">
                    <span  appDebounceClick (debounceClick)="clickOnPickerSelect(it)" class="input" style="width: 100%;
                        display: flex;
                        align-items: center;">
                      <span [className]="(it.value && !it.disabled) ? 'select-checked' : 'lightgrey'"><i class="lj-picker-left-icon" [ngStyle]="it.leftIconCssStyle | styleFilter" ></i><i class="lj-item-value">{{it.showValue}}</i><i *ngIf="it.del && it.value" class="lj-picker-right-del" appDebounceClick (debounceClick)="deleteValue(it)"></i><i class="lj-right-icon" [ngStyle]="it.endIconCssStyle | styleFilter" ></i></span>

                    </span>

                  </p>

                </div>
              </ng-container>
  

             </ng-container>
              <ng-container *ngSwitchCase="'addItemCountNoInput'">
                <ng-container
                *ngIf="(item.value && it.showCondition && (it.showCondition.indexOf(item.value) > -1 || item.value.indexOf(it.showCondition) > -1 ) ||  !it.showCondition)">
                  <div div class="add-item-count-no-input-bg" [ngStyle]="it.cssStyle | styleFilter">
                  <p class="add-item-count-no-inpu-title"  *ngIf="it.label" [ngStyle]="it.labelCssStyle | styleFilter" [innerHTML]="it.label | parseStyle "></p>    
      
                    <img  src="assets/fw/icon-.png" alt="" class="add-item-count-no-input-sub"  appDebounceClick (debounceClick)="sub($event,it,0)">  
                    <span class="add-item-count-no-inpu-number" [ngStyle]="it.valueCssStyle | styleFilter">{{it.value}}</span>
                    <img src="assets/fw/icon+.png" alt="" class="add-item-count-no-input-add"
                      appDebounceClick (debounceClick)="sub($event,it,1)">  
                 
                  </div>
                </ng-container>
                
              </ng-container>
              <ng-container *ngSwitchCase="'sectionDesc'">
                <ng-container
                  *ngIf="(item.value && it.showCondition && (it.showCondition.indexOf(item.value) > -1 || item.value.indexOf(it.showCondition) > -1 ) ||  !it.showCondition)">
                  <p class="section-desc" [ngStyle]="it.cssStyle | styleFilter" appDebounceClick (debounceClick)="openPage(it.link)">
                    <span [ngStyle]="it.labelCssStyle | styleFilter" class="sectionDescLabel" [innerHTML] = "it.label | parseStyle"></span>
                    <input type="text" [attr.placeholder]="it.placeHolder" [formControlName]="it.formKey"
                      class="displayno">
                    <span class="input font17"
                      *ngIf="it.value && it.value !== '' && it.value.length ">{{it.showValue}}</span>
                    <span class="input lightgrey-notImportant font17" *ngIf="!it.value && it.placeHolder">{{it.placeHolder}}</span>
                    <i *ngIf="it.endIcon" class="detail-icon"  [ngStyle]="it.endIconCssStyle | styleFilter " ></i>
                  </p>
                </ng-container>

              </ng-container>
              <ng-container *ngSwitchCase="'modalMultipleSelect3_Auto_Full'">
                <ng-container
                  *ngIf="(item.value && it.showCondition && (it.showCondition.indexOf(item.value) > -1 || item.value.indexOf(it.showCondition) > -1 ) ||  !it.showCondition)">
  
                  <div class="join-form-item-bg" [ngStyle]="it.cssStyle | styleFilter"
                  appDebounceClick (debounceClick)="modalMultipleSelect3AutoFull(it)">
                  <p class="join-label" [ngStyle]="it.labelCssStyle | styleFilter" *ngIf="it.label && it.label !==''">
                    {{it.label}}</p>
      
                  <span class="join-sep" [ngStyle]="it.sepCssStyle | styleFilter"></span>
                  <p class="palce-hoder-join" *ngIf="!(it.showValue && it.showValue.length> 0)"
                    [ngStyle]="it.placeholderCssStyle | styleFilter">{{it.placeHolder}}</p>
                  <p class="value-join" *ngIf="it.showValue && it.showValue.length> 0"
                    [ngStyle]="it.valueCssStyle | styleFilter" [innerHTML]="it.showValue | parseStyle"></p>
                  <img class="end-icon" *ngIf="it.endIcon && it.endIcon.length > 0" src="{{it.endIcon}}" alt="">
      
                </div>
  
                </ng-container>
                
      
              </ng-container>

              <ng-container *ngSwitchCase="'bottomModalOfMoreItemsFW'">
                <ng-container
                *ngIf="(item.value && it.showCondition && (it.showCondition.indexOf(item.value) > -1 || item.value.indexOf(it.showCondition) > -1 ) ||  !it.showCondition)">
                <p class="design-item designItem" [ngStyle]="it.cssStyle | styleFilter" appDebounceClick (debounceClick)="openModalMoreEditInfo(it)">
                  <img *ngIf="it.leftIcon" src="{{it.leftIcon}}" alt="" [ngStyle]="it.leftIconCssStyle | styleFilter">
                  <span class="label-tips" *ngIf="it.tips && it.tips.length > 0">{{it.tips}}</span>
                  
                  <span *ngIf="!it.showValue || it.showValue === ''"
                  [className]="(it.showValue && !it.disabled) ? 'select-checked' : 'lightgrey'" [ngStyle]="it.placeholderCssStyle | styleFilter" class="design-item-label">
                    {{it.placeHolder}}
                  </span>
      
                  <span *ngIf="it.showValue && it.showValue !== ''"
                  [className]="(it.showValue && !it.disabled) ? 'select-checked' : 'lightgrey'" [ngStyle]="it.valueCssStyle | styleFilter" class="design-item-label"  [innerHTML]="it.showValue | parseStyle">
                    
                  </span>
                
                  <img *ngIf="it.endIcon && it.endIcon.indexOf('http') > -1 " src="{{it.endIcon}}" alt="" [ngStyle]="it.endIconCssStyle | styleFilter">
                  <img *ngIf="it.endIcon && !(it.endIcon.indexOf('http') > -1) " src="assets/icon/arrow_icon_down@3x.png" alt="" [ngStyle]="it.endIconCssStyle | styleFilter">
                </p>
                </ng-container>
              </ng-container>
              

          </ng-container>
        </ng-container>
        <ng-container *ngSwitchCase="'bottomModalOfMoreItemsFW'">
          <p class="design-item designItem" [ngStyle]="item.cssStyle | styleFilter" appDebounceClick (debounceClick)="openModalMoreEditInfo(item)">
            <img *ngIf="item.leftIcon" src="{{item.leftIcon}}" alt="" [ngStyle]="item.leftIconCssStyle | styleFilter">
            <span class="label-tips" *ngIf="item.tips && item.tips.length > 0" [innerHTML] = "item.tips | parseStyle " [ngStyle]="item.tipsCssStyle | styleFilter"></span>
            
            <span *ngIf="!item.showValue || item.showValue === ''"
            [className]="(item.showValue && !item.disabled) ? 'select-checked' : 'lightgrey'" [ngStyle]="item.placeholderCssStyle | styleFilter" class="design-item-label">
              {{item.placeHolder}}
            </span>

            <span *ngIf="item.showValue && item.showValue !== ''"
            [className]="(item.showValue && !item.disabled) ? 'select-checked' : 'lightgrey'" [ngStyle]="item.valueCssStyle | styleFilter" class="design-item-label" [innerHTML]="item.showValue | parseStyle">
              
            </span>
          
            <img class="detail-icon" *ngIf="item.endIcon && item.endIcon.indexOf('http') > -1 " src="{{item.endIcon}}" alt="" [ngStyle]="item.endIconCssStyle | styleFilter">
            <img class="detail-icon" *ngIf="item.endIcon && !(item.endIcon.indexOf('http') > -1) " src="assets/icon/arrow_icon_down@3x.png" alt="" [ngStyle]="item.endIconCssStyle | styleFilter">
          </p>
        </ng-container>
        <!-- 编辑更多-小区 箭头向下-->
        <ng-container *ngSwitchCase="'modalOfMoreItemsFW'">
          <div class="lj-post-item" [ngStyle]="item.cssStyle | styleFilter">
            <p class="lj-post-item-label" [ngStyle]="item.labelCssStyle | styleFilter">
              {{item.label}}
            </p>
            <p class="lj-picker-bg" style="padding-left: 0.75rem;" [ngStyle]="item.valueCssStyle | styleFilter">

              <span *ngIf="!item.showValue || item.showValue === ''"
                [className]="(item.showValue && !item.disabled) ? 'select-checked' : 'lightgrey'"
                appDebounceClick (debounceClick)="openModalMoreEditInfo(item)">
                <i class="lj-item-value">{{item.placeHolder}}</i><i *ngIf="item.del && item.showValue"
                  class="lj-picker-right-del"></i><i class="lj-right-icon"></i>
              </span>

              <span *ngIf="item.showValue && item.showValue !== ''"
                [className]="(item.showValue && !item.disabled) ? 'select-checked' : 'lightgrey'"
                appDebounceClick (debounceClick)="openModalMoreEditInfo(item)">
                <i
                  class="lj-item-value">{{item.showValue}}</i><i *ngIf="item.del && item.showValue"
                  class="lj-picker-right-del"></i><i class="lj-right-icon"></i></span>

            </p>

          </div>

        </ng-container>

        <!-- 滑动杆设置值 -->
        <ng-container *ngSwitchCase="'slider'">
          <div class="switchButtonFW lj-post-item" [ngStyle]="item.cssStyle | styleFilter">
            <p class="lj-post-item-label lj-post-item-label-fw" [ngStyle]="item.labelCssStyle | styleFilter">
              {{item.label}}
            </p>
            <div class="slider_bg">
              <p class="slider_value">
                <ng-container *ngIf="!item.showValue">
                  <span>{{item.value}}</span><span *ngIf="item.unit">{{item.unit}}</span>
                </ng-container>
                <ng-container *ngIf="item.showValue">
                  {{item.showValue}}
                </ng-container>

              </p>

              <ion-range step="{{item.step}}" min="{{item.itemList[0].value}}"
                max="{{item.itemList[item.itemList.length-1].value}}" color="secondary"
                (ionChange)="changeValue($event, item)" [(ngModel)]="item.value" debounce=0 mode="ios"
                [formControlName]="item.formKey">

              </ion-range>
              <div class="slider-label-bg">
                <span class="slider-label" *ngFor="let it of item.itemList">{{it.label?it.label:it.value}}</span>
              </div>
            </div>

          </div>

        </ng-container>

        <!-- 入驻新 箭头向右-->
        <ng-container *ngSwitchCase="'modalOfMoreItemsJoin'">
          <div class="lj-post-item" [ngStyle]="item.cssStyle | styleFilter">
            <p class="lj-post-item-label" [ngStyle]="item.labelCssStyle | styleFilter">
              {{item.label}}
            </p>
            <p class="lj-picker-bg" style="padding-left: 0.75rem;" [ngStyle]="item.valueCssStyle | styleFilter">

              <span *ngIf="!item.value || item.value === ''"
                [className]="(item.value && !item.disabled) ? 'select-checked' : 'lightgrey'"
                appDebounceClick (debounceClick)="openModalMoreEditInfo(item)">
                <i class="lj-item-value">{{item.placeHolder}}</i><i *ngIf="item.del && item.value"
                  class="lj-picker-right-del"></i><i class="lj-right-icon"></i>
              </span>

              <span *ngIf="item.value && item.value !== ''"
                [className]="(item.value && !item.disabled) ? 'select-checked' : 'lightgrey'"
                appDebounceClick (debounceClick)="openModalMoreEditInfo(item)"><i
                  class="lj-item-value">{{item.value}}</i><i *ngIf="item.del && item.value"
                  class="lj-picker-right-del"></i><i class="lj-right-icon"></i></span>

            </p>

          </div>

        </ng-container>

        <!-- 中间弹窗多选——邀请入驻样式  -->
        <ng-container *ngSwitchCase="'multipleColumnSelectJoin'">


          <div class="join-form-item-bg" [ngStyle]="item.cssStyle | styleFilter"
            appDebounceClick (debounceClick)="showMultipleColumnSelect(item)">
            <p class="join-label" [ngStyle]="item.labelCssStyle | styleFilter" *ngIf="item.label && item.label !==''">
              {{item.label}}</p>

            <span class="join-sep" [ngStyle]="item.sepCssStyle | styleFilter"></span>
            <p class="palce-hoder-join" *ngIf="!(item.showValue && item.showValue.length> 0)"
              [ngStyle]="item.placeholderCssStyle | styleFilter">{{item.placeHolder}}</p>
            <p class="value-join" *ngIf="item.showValue && item.showValue.length> 0"
              [ngStyle]="item.valueCssStyle | styleFilter" [innerHTML]="item.showValue | parseStyle"></p>
            <img class="end-icon" *ngIf="item.endIcon && item.endIcon.length > 0" src="{{item.endIcon}}" alt="">

          </div>

        </ng-container>

        <!-- 同意协议多个 -->
        <ng-container *ngSwitchCase="'joinLinks'">
          <div class="joinLinks join-links" [ngStyle]="item.cssStyle | styleFilter">
            <img class="icon-link"  [ngStyle]="item.leftIconCssStyle | styleFilter" [ngClass]="{'displayno': item.checked}" src="{{item.icon}}"  alt=""
              appDebounceClick (debounceClick)="changeItemobjValidator(item,'joinLinks')">
            <img class="icon-link"  [ngStyle]="item.leftIconCssStyle | styleFilter" src="{{item.iconOn}}" [ngClass]="{'displayno': !item.checked}" alt=""
              appDebounceClick (debounceClick)="changeItemobjValidator(item,'joinLinks')">
            <p class="links-check-bg">


              <span class="links-label" [ngStyle]="item.labelCssStyle | styleFilter"
                appDebounceClick (debounceClick)="changeItemobjValidator(item,'joinLink')">{{item.label}}</span>
              <span class="xieyi-links" [ngStyle]="item.valueCssStyle | styleFilter" *ngFor="let it of item.itemList"
                appDebounceClick (debounceClick)="openPage(it.link)">{{it.label}}</span>
            </p>

          </div>


        </ng-container>

        <!--  底部弹窗单选 -->
        <ng-container *ngSwitchCase="'Join'">

          <div class="join-form-item-bg" [ngStyle]="item.cssStyle | styleFilter" appDebounceClick (debounceClick)="showActionSheet(item)">
            <p class="join-label" [ngStyle]="item.labelCssStyle | styleFilter" *ngIf="item.label && item.label !==''">
              {{item.label}}</p>

            <span class="join-sep" [ngStyle]="item.sepCssStyle | styleFilter"></span>
            <p class="palce-hoder-join" *ngIf="!(item.showValue && item.showValue.length> 0)"
              [ngStyle]="item.placeholderCssStyle | styleFilter">{{item.placeHolder}}</p>
            <p class="value-join" *ngIf="item.showValue && item.showValue.length> 0"
              [ngStyle]="item.valueCssStyle | styleFilter" [innerHTML]="item.showValue | parseStyle"></p>
            <img class="end-icon" *ngIf="item.endIcon && item.endIcon.length > 0" src="{{item.endIcon}}" alt="">
          </div>

          <ng-container *ngIf="item.subHtmlObj">
            <ng-container *ngFor="let it of item.subHtmlObj" [ngSwitch]="it.formType">
              <!-- 59.3 modalMultipleSelect3_Full 弹窗2-3级分类多选 (全屏窗) 有三级（品牌。全选不包含品牌选择）时候 二级占整行，子项不定宽。-->
              <ng-container *ngSwitchCase="'modalMultipleSelect3_Full'">
                <ng-container
                  *ngIf="(item.value && it.showCondition && (it.showCondition.indexOf(item.value) > -1 || item.value.indexOf(it.showCondition) > -1 ) ||  !it.showCondition)">
                  <div class="join-form-item-bg" [ngStyle]="it.cssStyle | styleFilter"
                    appDebounceClick (debounceClick)="modalMultipleSelect3FullScreen(it)">
                    <p class="join-label" [ngStyle]="it.labelCssStyle | styleFilter"
                      *ngIf="it.label && item.label !==''">
                      {{it.label}}</p>

                    <span class="join-sep" [ngStyle]="it.sepCssStyle | styleFilter"></span>
                    <p class="palce-hoder-join" *ngIf="!(it.showValue && it.showValue.length> 0)"
                      [ngStyle]="it.placeholderCssStyle | styleFilter">{{it.placeHolder}}</p>
                    <p class="value-join" *ngIf="it.showValue && it.showValue.length> 0"
                      [ngStyle]="it.valueCssStyle | styleFilter" [innerHTML]="it.showValue | parseStyle"></p>
                    <img class="end-icon" *ngIf="it.endIcon && it.endIcon.length > 0" src="{{it.endIcon}}" alt="">

                  </div>

                </ng-container>
              </ng-container>

              <ng-container *ngSwitchCase="'modalMultipleSelect3_Auto_Full'">
                <ng-container
                  *ngIf="(item.value && it.showCondition && (it.showCondition.indexOf(item.value) > -1 || item.value.indexOf(it.showCondition) > -1 ) ||  !it.showCondition)">

                  <div class="join-form-item-bg" [ngStyle]="it.cssStyle | styleFilter"
                  appDebounceClick (debounceClick)="modalMultipleSelect3AutoFull(it)">
                  <p class="join-label" [ngStyle]="it.labelCssStyle | styleFilter" *ngIf="it.label && it.label !==''">
                    {{it.label}}</p>
      
                  <span class="join-sep" [ngStyle]="it.sepCssStyle | styleFilter"></span>
                  <p class="palce-hoder-join" *ngIf="!(it.showValue && it.showValue.length> 0)"
                    [ngStyle]="it.placeholderCssStyle | styleFilter">{{it.placeHolder}}</p>
                  <p class="value-join" *ngIf="it.showValue && it.showValue.length> 0"
                    [ngStyle]="it.valueCssStyle | styleFilter" [innerHTML]="it.showValue | parseStyle"></p>
                  <img class="end-icon" *ngIf="it.endIcon && it.endIcon.length > 0" src="{{it.endIcon}}" alt="">
      
                </div>

                </ng-container>
                
      
              </ng-container>
            </ng-container>
          </ng-container>


        </ng-container>

        <!-- 蜂喔入驻 省市2级 pickerSelectJoin-->
        <ng-container *ngSwitchCase="'pickerSelectJoin'">
        
          <app-text-input [item]="item" (output) = "outputTextInput($event)"> </app-text-input>
          <ng-container *ngIf="item.subHtmlObj">
            <ng-container *ngFor="let it of item.subHtmlObj" [ngSwitch]="it.formType">
              <!-- 多选 -->
              <ng-container *ngSwitchCase="'multipleColumnSelectJoin'">
                <ng-container
                  *ngIf="(item.value && it.showCondition && (it.showCondition.indexOf(item.value) > -1 || item.value.indexOf(it.showCondition) > -1 ) ||  !it.showCondition)">
                  <div class="join-form-item-bg" [ngStyle]="it.cssStyle | styleFilter"
                    appDebounceClick (debounceClick)="showMultipleColumnSelect(it)">
                    <p class="join-label" [ngStyle]="it.labelCssStyle | styleFilter" *ngIf="it.label && it.label !==''">
                      {{it.label}}</p>
                    <span class="join-sep" [ngStyle]="it.sepCssStyle | styleFilter"></span>
                    <p class="palce-hoder-join" *ngIf="!(it.showValue && it.showValue.length> 0)"
                      [ngStyle]="it.placeholderCssStyle | styleFilter">{{it.placeHolder}}</p>
                    <p class="value-join" *ngIf="it.showValue && it.showValue.length> 0"
                      [ngStyle]="it.valueCssStyle | styleFilter" [innerHTML]="it.showValue | parseStyle"></p>
                    <img class="end-icon" *ngIf="it.endIcon && it.endIcon.length > 0" src="{{it.endIcon}}" alt="">
                  </div>
                </ng-container>
              </ng-container>
            </ng-container>
          </ng-container>

        </ng-container>

        <!-- 商户入驻 省市2级 pickerSelectTwoLine-->
        <ng-container *ngSwitchCase="'pickerSelectTwoLine'">
          <app-text-input [item]="item" (output) = "outputTextInput($event)"> </app-text-input>
        
          <ng-container *ngIf="item.subHtmlObj">
            <ng-container *ngFor="let it of item.subHtmlObj" [ngSwitch]="it.formType">
              <!-- 多选 -->
              <ng-container *ngSwitchCase="'multipleColumnSelectTwoLine'">
                <ng-container
                  *ngIf="(item.value && it.showCondition && (it.showCondition.indexOf(item.value) > -1 || item.value.indexOf(it.showCondition) > -1 ) ||  !it.showCondition)">
                  <div class="edit-m-s-bg" [ngStyle]="item.cssStyle | styleFilter"
                    appDebounceClick (debounceClick)="showMultipleColumnSelect(it)">
                    <p class="label">{{it.label}} <i class="detail-icon"></i></p>
                    <p class="palce-hoder" *ngIf="!(it.showValue && it.showValue.length> 0)">{{it.placeHolder}}</p>
                    <p class="value" *ngIf="it.showValue && it.showValue.length> 0" [innerHTML]="it.showValue | parseStyle"></p>
                  </div>
                </ng-container>
              </ng-container>
            </ng-container>
          </ng-container>

        </ng-container>

        <ng-container *ngSwitchCase="'airBubbles'">
          <div class="airBubbles air-bubbles-bg" [ngStyle]="item.cssStyle | styleFilter">

            <div class="air-bubbles-value" [innerHTML]="item.value | parseStyle" [ngStyle]="item.valueCssStyle | styleFilter"></div>
            <div class="air-bubbles-arrow" [ngStyle]="item.sepCssStyle | styleFilter"></div>
          </div>
        </ng-container>
        <!--  singleColumnSelectTwoLine-->
        <ng-container *ngSwitchCase="'singleColumnSelectTwoLine'">
          <div class="edit-m-s-bg" [ngStyle]="item.cssStyle | styleFilter"   appDebounceClick (debounceClick)="showActionSheet(item)">
            <p class="label">{{item.label}} <i class="detail-icon"></i></p>
            <p class="palce-hoder" *ngIf="!(item.showValue && item.showValue.length> 0)">{{item.placeHolder}}</p>
            <p class="value" *ngIf="item.showValue && item.showValue.length> 0" [innerHTML]="item.showValue | parseStyle"></p>
          </div>

        </ng-container>

        <!--  材料多选3 主要建材 有全选 -->
        <ng-container *ngSwitchCase="'multipleSelect3'">
          <div class="multiple-select-bg" [ngStyle]="item.tipsBgCssStyle | styleFilter">
            <div class="singleSelect3-4-tips" *ngIf="item.tips" id="singleSelect3-4-tips" [ngStyle]="item.tipsBgCssStyle | styleFilter">
              <img *ngIf="item.leftIcon" src="{{item.leftIcon}}" alt="" class="close-tips" [ngStyle]="item.leftIconCssStyle | styleFilter ">

              <p class="tips" [ngStyle]="item.tipsCssStyle | styleFilter">{{item.tips}}</p>
              <img *ngIf="item.endIcon" src="{{item.endIcon}}" alt="" class="close-tips" appDebounceClick (debounceClick)="closeTips ('singleSelect3-4-tips','multiple-select3-list')" [ngStyle]="item.endIconCssStyle | styleFilter ">
            </div>
            <div class="multiple-select3-list"  [ngStyle]="item.cssStyle | styleFilter" id="multiple-select3-list">
              <div class="multiple-select-left">
                <div class="item-left" [ngClass]="{'item-left-open': it.open}" *ngFor="let it of item.children; "
                  appDebounceClick (debounceClick)="itemLeftClick(it,item)">
                  <span class="yellow-current" *ngIf="it.open"></span>
                  <span class="red-dot" *ngIf="it.hasValue"></span>
                  {{it.label}}
                </div>
              </div>
              <div class="multiple-select-right"
                [ngClass]="{'multiple-select-right-first': item.current !== item.children[0]}">
                <ng-container
                  *ngIf="item.current?.children?.length > 0 && (!item.current?.children[0].children || item.current?.children[0].children?.length === 0); else hasChildren">

                  <div class="row-bg" style="padding-left: 1rem;padding-right:0.25rem;padding-top: 0;margin-bottom: 0.5rem;">
                    <div class="row" style="margin-bottom: 1.75rem;margin-top: 0" *ngIf="item.showCheckAll==='true' && !(item.current.maxSize && item.current.maxSize == 1)">
                      <i [ngClass]="{'nochecked-row': !item.current.checked,'checked-row': item.current.checked}"
                        appDebounceClick (debounceClick)="chooseCurrentAll(item)"></i>
                      <span style="flex-grow: 1;">全选</span>
                    </div>
                    <div class="tag-bg">
                      <div class="tag" [ngClass]="{'tag-checked': tag.checked}" appDebounceClick (debounceClick)="tagClick(tag,tag,item)"
                        *ngFor="let tag of item.current.children">{{tag.label}}</div>
                    </div>

                  </div>
                </ng-container>
                <ng-template #hasChildren>

                  <div class="row-bg" style="padding-left: 1.25rem;padding-top: 0;margin-bottom: 0.5rem;">
                    <div class="row" style="margin-bottom: 1.75rem;margin-top: 0;" *ngIf="item.showCheckAll === 'true' && !(item.current.maxSize && item.current.maxSize == 1)">
                      <i [ngClass]="{'nochecked-row': !item.current.checked,'checked-row': item.current.checked}"
                        appDebounceClick (debounceClick)="chooseCurrentAll(item)"></i>
                      <span style="flex-grow: 1;">全选</span>
                    </div>

                    <ng-container *ngFor="let it of item.current?.children">
                      <div class="row">
                        <i [ngClass]="{'nochecked-row': !it.checked,'checked-row': it.checked}"
                          appDebounceClick (debounceClick)="chooseAll(it,item)"></i>
                        <span style="flex-grow: 1;">{{it.label}}</span>
                      </div>
                      <div class="tag-bg" id=it.value *ngIf="it.children && it.children.length >0">
                        <div class="tag" [ngClass]="{'tag-checked': tag.checked}" appDebounceClick (debounceClick)="tagClick(tag,it,item)"
                          *ngFor="let tag of it.children">{{tag.label}}</div>
                      </div>
                    </ng-container>



                  </div>
                </ng-template>


              </div>

            </div>
            <ng-container *ngIf="item.showValue === 'generalSubmit'">
              <div class="footer-bg">
                  <div appDebounceClick (debounceClick)="reset(item)"  class="btn-reset"><i class="btn-reset-i"></i><span class="btn-reset-span">重置</span></div>
                  <div class="btn-sure" appDebounceClick (debounceClick)="innerBtnClick(item)" >确定</div>
              </div>
              
          </ng-container>
          </div>
          


          
        </ng-container>
          <!--  单选3-4级品牌类别选择 -->
          <ng-container *ngSwitchCase="'singleSelect3-4'">
            
              
              <div  class="singleSelect3-4-bg">
                <ng-container *ngIf="item.tips && item.tips.length > 0">
                  <div class="singleSelect3-4-tips" *ngIf="item.tips" id="singleSelect3-4-tips" [ngStyle]="item.tipsBgCssStyle | styleFilter">
                    <img *ngIf="item.leftIcon" src="{{item.leftIcon}}" alt="" class="close-tips" [ngStyle]="item.leftIconCssStyle | styleFilter ">

                    <p class="tips" [ngStyle]="item.tipsCssStyle | styleFilter">{{item.tips}}</p>
                    <img *ngIf="item.endIcon" src="{{item.endIcon}}" alt="" class="close-tips" appDebounceClick (debounceClick)="closeTips ('singleSelect3-4-tips','singleSelect3-4-list')" [ngStyle]="item.endIconCssStyle | styleFilter ">
                  </div>
                </ng-container>

                  <div class="singleSelect3-4-list" id="singleSelect3-4-list"  [ngStyle]="item.cssStyle | styleFilter">
                    <div class="singleSelect3-4-left">
                      <div class="item-left" [ngClass]="{'item-left-open': it.open}" *ngFor="let it of item.children; "
                        appDebounceClick (debounceClick)="itemLeftClick(it,item)">
                        <span class="yellow-current" *ngIf="it.open"></span>
                        <span class="red-dot" *ngIf="it.hasValue"></span>
                        {{it.label}}
                      </div>
                    </div>
                    <div class="singleSelect3-4-right"
                      [ngClass]="{'multiple-select-right-first': item.current !== item.children[0]}">
                  
                        <div class="row-2-3-4" >
                         
                          <ng-container *ngFor="let it of item.current?.children;let a = index">
                            <!-- 没有3级 -->
                            <div class="row-2" [ngClass]="{'row-3': it.minLevel, 'row-2-3':a >0 && item.current.children[a - 1].minLevel}">
                              <!-- 2级 -->
                              <p class="row"> <i [ngClass]="{'nochecked-row': !it.checked,'checked-row': it.checked}"
                                appDebounceClick (debounceClick)="chooseRow2All(it,item)"></i>{{it.label}}</p>
                              
                              <ng-container   *ngIf="it.children && it.children.length >0">
                                <!-- 3级 -->
                                <div class="row-3 row-3-last" [ngClass]="{'row-3-checked': i.checked }" appDebounceClick (debounceClick)="row3Click(i,it,item)"
                                  *ngFor="let i of it.children">{{i.label}}
                                  <!-- <ng-container *ngIf="i.children && i.children.length >0">
                                    <div class="row-4-bg" >
                                      <span  *ngFor="let tag of i.children" [ngClass]="{'row-4-checked': tag.checked}" class="row-4" appDebounceClick (debounceClick)="row3Click(tag,item,i,$event)"
                                      >{{tag.label}}</span>
                                  </div>
                                  </ng-container> -->
                                </div>

                              </ng-container>
                            </div>
                          </ng-container>
                            
    
                        </div>

                    </div>
      
                  </div>  
              </div>
              

          </ng-container>

        <!-- 维修预估价格 -->
        
        <ng-container *ngSwitchCase="'estimatePrice'">
          <div class="estimate-price-bg" [ngStyle]="item.cssStyle | styleFilter" >
            <span class="price-label" [ngStyle]="item.labelCssStyle | styleFilter">{{item.label}}</span>
            <span class="price-tips">{{item.tips}}</span>
            <span class="price-label-u">￥</span>
            <span class="price" [ngStyle]="item.valueCssStyle | styleFilter" >{{item.value}}</span>
            <span class="price-uint">{{item.unit}}</span>
          </div>
        </ng-container>

        <ng-container *ngSwitchCase="'userInfo'">
          <div class="userInfo user-info-bg" [ngStyle]="item.cssStyle | styleFilter" >
            <p class="user-info">
              <span class="user-label" [ngStyle]="item.labelCssStyle | styleFilter">{{item.label}}</span>
              <span class="user-tips">{{item.tips}}</span>
            </p>
            <p class="user-avatar-bg">
              <img src="{{item.icon}}" alt="" class="user-avatar">
              <span class="user-name" [ngStyle]="item.valueCssStyle | styleFilter">{{item.value}}</span>
            </p>
            
          </div>
        </ng-container>

        <!-- 是否满意 -->
        <ng-container *ngSwitchCase="'switchButtonMark'">
          <app-text-input [item]="item" (output) = "outputTextInput($event)"> </app-text-input>
        <ng-container *ngIf="item.subHtmlObj">
          <ng-container *ngFor="let it of item.subHtmlObj" [ngSwitch]="it.formType">

            <ng-container *ngSwitchCase="'switchButtonMarkTag'">
              <ng-container
                *ngIf="(item.value && it.showCondition && it.showCondition.indexOf(item.value) > -1) ||  !it.showCondition">
                <app-text-input [item]="it" (output) = "outputTextInput($event)"> </app-text-input>

              </ng-container>
            </ng-container>
              <!-- 独立分割线 -->
              <ng-container *ngSwitchCase="'sepline'">
                <div class="sepline-bg" [ngStyle]="it.cssStyle | styleFilter">
                  <hr class="sepline" [ngStyle]="it.valueCssStyle | styleFilter">
                </div>
              </ng-container>

              <!-- 多行备注 有label 可以设置行数-->
              <ng-container *ngSwitchCase="'textAreaLines'">
               <ng-container
                 *ngIf="(item.value && it.showCondition && it.showCondition.indexOf(item.value) > -1) ||  !it.showCondition">
                 <app-text-input [item]="it" (output) = "outputTextInput($event)"> </app-text-input>
               </ng-container>
              </ng-container>
              
             <!-- 多行备注 -->
             <ng-container *ngSwitchCase="'textArea'">
              <ng-container
                *ngIf="(item.value && it.showCondition && it.showCondition.indexOf(item.value) > -1) ||  !it.showCondition">
                <app-text-input [item]="it" (output) = "outputTextInput($event)"> </app-text-input>
              </ng-container>
            </ng-container>

          </ng-container>
        </ng-container>
        </ng-container>  
        
        <ng-container *ngSwitchCase="'serviceDate'">

        <ng-container *ngIf="item.subHtmlObj">
          <ng-container *ngFor="let it of item.subHtmlObj" [ngSwitch]="it.formType">
            <!-- 时间选择  -->
            <ng-container *ngSwitchCase="'datePlug'">

              <app-text-input [item]="it" (output) = "outputTextInput($event)"> </app-text-input>

            </ng-container>

            <ng-container *ngSwitchCase="'textInput'">
              <ng-container
                *ngIf="(item.value && it.showCondition && it.showCondition.indexOf(item.value) > -1) ||  !it.showCondition">
                <app-text-input [item]="it" [superItem]="item" (output) = "outputTextInput($event)"> </app-text-input>
              </ng-container>

            </ng-container>
            <!-- 独立分割线 -->
            <ng-container *ngSwitchCase="'sepline'">
              <div class="sepline-bg" [ngStyle]="it.cssStyle | styleFilter">
                <hr class="sepline" [ngStyle]="it.valueCssStyle | styleFilter">
              </div>

            </ng-container>

            <!--modal 编辑更多项目 -->
            <ng-container *ngSwitchCase="'bottomModalOfMoreItemsFW'">
              <ng-container
              *ngIf="(item.value && it.showCondition && (it.showCondition.indexOf(item.value) > -1 || item.value.indexOf(it.showCondition) > -1 ) ||  !it.showCondition)">
              <p class="design-item designItem" [ngStyle]="it.cssStyle | styleFilter" appDebounceClick (debounceClick)="openModalMoreEditInfo(it)">
                <img *ngIf="it.leftIcon" src="{{it.leftIcon}}" alt="" [ngStyle]="it.leftIconCssStyle | styleFilter">
                <span class="label-tips" *ngIf="it.tips && it.tips.length > 0" [innerHTML]="it.tips | parseStyle"></span>
                
                <span *ngIf="!it.showValue || it.showValue === ''"
                [className]="(it.showValue && !it.disabled) ? 'select-checked' : 'lightgrey'" [ngStyle]="it.placeholderCssStyle | styleFilter" class="design-item-label">
                  {{it.placeHolder}}
                </span>
    
                <span *ngIf="it.showValue && it.showValue !== ''"
                [className]="(it.showValue && !it.disabled) ? 'select-checked' : 'lightgrey'" [ngStyle]="it.valueCssStyle | styleFilter" class="design-item-label"  [innerHTML]="it.showValue | parseStyle">
                  
                </span>
              
                <img *ngIf="it.endIcon && it.endIcon.indexOf('http') > -1 " src="{{it.endIcon}}" alt="" [ngStyle]="it.endIconCssStyle | styleFilter">
                <img *ngIf="it.endIcon && !(it.endIcon.indexOf('http') > -1) " src="assets/icon/arrow_icon_down@3x.png" alt="" [ngStyle]="it.endIconCssStyle | styleFilter">
              </p>
              </ng-container>
            </ng-container>
                         
          </ng-container>
        </ng-container>
        </ng-container> 
        <!-- 下单详情 -->
        <ng-container *ngSwitchCase="'itemDetail'">
          <div class="item-detail-bg" [ngStyle]="item.cssStyle | styleFilter">
            <div class="item-detail-inner-bg">
              <img class="item-detail-img" *ngIf="item.icon && item.icon.length > 0"
              src="{{item.icon}}" alt="">
              <p class="item-detail-label" *ngIf="item.label" [ngStyle]="item.labelCssStyle | styleFilter">
                {{item.label}}
              </p>
              <div class="item-detail-value" *ngIf="item.value" [ngStyle]="item.valueCssStyle | styleFilter" appDebounceClick (debounceClick)="openPage(item.link)">
                {{item.value}}
                <img class="item-detail-end-icon" src="{{item.endIcon}}" alt="">
              </div>
            </div>
          </div>
        </ng-container>
        <ng-container *ngSwitchCase="'addItemCountNoInput'">

          <div class="add-item-count-no-input-bg" [ngStyle]="item.cssStyle | styleFilter">
            <p class="add-item-count-no-inpu-title"  *ngIf="item.label" [ngStyle]="item.labelCssStyle | styleFilter" [innerHTML]="item.label | parseStyle "></p>    

              <img  src="assets/fw/icon-.png" alt="" class="add-item-count-no-input-sub"  appDebounceClick (debounceClick)="sub($event,item,0)">  
              <span class="add-item-count-no-inpu-number" [ngStyle]="item.valueCssStyle | styleFilter">{{item.value}}</span>
              <img src="assets/fw/icon+.png" alt="" class="add-item-count-no-input-add"
                appDebounceClick (debounceClick)="sub($event,item,1)">  
           
          </div>
        </ng-container>
        <ng-container *ngSwitchCase="'addItemCount'">

          <div class="add-item-count-bg" [ngStyle]="item.cssStyle | styleFilter">
            <div class="add-item-count-inner-bg" [ngStyle]="item.itemListCssStyle | styleFilter">
              <img  class="item-img" *ngIf="item.icon && item.icon.length > 0"   src="{{item.icon}}" alt="" [ngStyle]="item.leftIconCssStyle | styleFilter">
              <div class="item-content-bg" [ngClass]="{'item-content-bg-no-img': !item.icon || item.icon.length === 0}">
                <p class="title" [ngClass]="{'title-no-img': !item.icon || item.icon.length === 0}" *ngIf="item.label" [ngStyle]="item.labelCssStyle | styleFilter" [innerHTML]="item.label | parseStyle "></p>
                
                <div class="s-bg">
                  <p class="s-price" *ngIf="(item.extra && item.extra.length > 0) || (item.showValue && item.showValue.length > 0)" [ngStyle]="item.showValueCssStyle | styleFilter ">
                    <span class="s-unit" *ngIf="item.extra && item.extra.length > 0" >{{item.extra}}</span>
                    <span class="" *ngIf="item.showValue && item.showValue.length > 0">{{item.showValue}}</span>
                  </p>
                  <div class="num-bg" [ngStyle]="item.endIconCssStyle | styleFilter">
                    
                    <ng-container *ngIf="item.value > 1 ; else elseSubTemplate">
                      <img  src="assets/fw/sub_black.png" alt="" class="sub" appDebounceClick (debounceClick)="sub($event,item,0)">
                    </ng-container>
                    <ng-template #elseSubTemplate>
                      <img  src="assets/fw/sub_gray.png" alt="" class="sub"  appDebounceClick (debounceClick)="sub($event,item,0)">  
                    </ng-template>
                    
                    <ion-input [readonly]="item.disabled" [ngStyle]="item.valueCssStyle | styleFilter"
                    [formControlName]="item.formKey" (ionChange)="changeValue($event, item)" (ionBlur)="inutValue($event, item)" type="number" class="num switchButtonFW_input" [(ngModel)]="item.value" ></ion-input>
      
                    <img src="assets/fw/add_black.png" alt="" class="add"
                      appDebounceClick (debounceClick)="sub($event,item,1)">  
      
                </div>
                </div>
                
              </div>
            </div>
           
          </div>
        </ng-container>
        <!-- 选择支行 -->
        <ng-container *ngSwitchCase="'selectBank'">
                          
            <p class="section-desc select-bank" [ngStyle]="item.cssStyle | styleFilter" appDebounceClick (debounceClick)="openPage(item.link)">
              <span [ngStyle]="item.labelCssStyle | styleFilter"  [innerHTML] = "item.label | parseStyle"></span>
              <input type="text" [attr.placeholder]="item.placeHolder" [formControlName]="item.formKey" class="displayno">
              <span class="input font17" [ngStyle]="item.valueCssStyle | styleFilter"
                *ngIf="item.value && item.value !== '' && item.value.length ">{{item.showValue}}</span>
              <span class="input lightgrey font17" [ngStyle]="item.valueCssStyle | styleFilter"
                *ngIf="!item.value && item.placeHolder">{{item.placeHolder}}</span>
              <i *ngIf="item.endIcon" [ngStyle]="item.endIconCssStyle | styleFilter" class="detail-icon" ></i>
            </p>
        </ng-container>
        <!-- 复制地址  -->
        <ng-container *ngSwitchCase="'copyAddress'">
          <div class="copyAddress" [ngStyle]="item.cssStyle | styleFilter">
            <div class="get-addreess-innner-bg"  [ngStyle]="item.itemListCssStyle | styleFilter">              
                <p class="addreess-label" *ngIf="item.label && item.label.length > 0" [ngStyle]="item.labelCssStyle | styleFilter">{{item.label}}</p>
                
                <div class="addreess-content">
                  <p class="addreess-name" [ngStyle]="item.valueCssStyle | styleFilter" *ngIf="item.value">{{item.value}}</p>

                  <p class="addreess" [ngStyle]="item.showValueCssStyle| styleFilter" *ngIf="item.showValue">{{item.showValue}} <span appDebounceClick (debounceClick)="copy(item)" *ngIf="item.extra" [ngStyle]="item.extraCssStyle | styleFilter">{{item.extra}}</span></p>  
                </div>
                
            </div>
            
          </div>
        </ng-container>
        <!-- 选择地址  -->
        <ng-container *ngSwitchCase="'selectAddress'">
          <app-text-input [item]="item" (output) = "outputTextInput($event)"> </app-text-input>
        </ng-container>

        <!-- 服务规格  -->
        <ng-container *ngSwitchCase="'serviceSpecification'">
          <div class="service-specification-bg" [ngStyle]="item.cssStyle | styleFilter" >
            <div *ngIf="item.showLabel" class="item-label-bg">
              <p class="service-label-left">{{item.label}}</p>
              <p *ngFor="let it of item.subHtmlObj" class="service-item-label">
                {{it.label}}<span class="service-label-unit" *ngIf="it.extra">{{it.extra}}</span>
              </p>
            </div>
            
            <div class="item-input-bg">
              <p class="input-label">{{item.extra}}</p>
              <p *ngFor="let it of item.subHtmlObj" class="service-specification-input-item">
                 <!-- 文本类型 -->
              <ion-input  *ngIf="!it.textType || it.textType !== 'number'"
              [ngStyle]="it.valueCssStyle | styleFilter" type="text" [maxlength]="it.maxLength"
              [(ngModel)]="it.value" [attr.placeholder]="it.placeHolder" [formControlName]="it.formKey"
              [readonly]="it.disabled" appDebounceClick (debounceClick)="inputClick(it)">
            </ion-input>
            <!-- 数字类型 -->
            <ion-input  *ngIf="it.textType === 'number'" type="number"
              onkeyup="value=value.replace(/[^\d\.]/g,'')" onafterpaste="if((value===''))execCommand('undo')"
              onKeypress="return(/[\d\.]/.test(String.fromCharCode(event.keyCode)))"
              [ngStyle]="it.valueCssStyle | styleFilter" (ionChange)="changeValue($event, it)"
              [(ngModel)]="it.value" [maxlength]="it.maxLength" [attr.placeholder]="it.placeHolder"
              [formControlName]="it.formKey" [readonly]="it.disabled" appDebounceClick (debounceClick)="inputClick(it)">
            </ion-input>
              </p>
            </div>
        
          </div>
        </ng-container>
        <!-- 行业 服务类别多选  -->
        <ng-container *ngSwitchCase="'multipleSelectLJ'" >
          <app-modal-of-multiple *ngIf="item.data && item.data.length > 0" [tagData] = "item" (updateItem)="submitAction($event,item)"></app-modal-of-multiple>
          
        </ng-container>
        
        <!-- 计算利润 -->
        <ng-container *ngSwitchCase="'profit'" >
         <div class="profit" [ngStyle]="item.cssStyle | styleFilter">
          {{item.tips}}
         </div>
          
        </ng-container>
        <!-- 选择税票抬头 -->
        <ng-container *ngSwitchCase="'selectInvoiceHead'" >
          <ng-container *ngIf="item.subHtmlObj">
            <ng-container *ngFor="let it of item.subHtmlObj" [ngSwitch]="it.formType">
              <ng-container *ngSwitchCase="'switchButtonLJ'">
                <ng-container
                  *ngIf="(item.value && it.showCondition && it.showCondition.indexOf(item.value) > -1) ||  !it.showCondition">
                  <app-text-input [item]="it" (output) = "outputTextInput($event)"> </app-text-input>
                </ng-container>
                <ng-container *ngIf="it.subHtmlObj">
                  <ng-container *ngFor="let i of it.subHtmlObj" [ngSwitch]="i.formType">
                    <ng-container *ngSwitchCase="'textInputJoin'">
                      <ng-container
                      *ngIf="(it.value && it.value && i.showCondition && i.showCondition.indexOf(it.value) > -1) ||  !i.showCondition">
                      <app-text-input [item]="i" (output) = "outputTextInput($event)"> </app-text-input>
                      </ng-container>
                      
                    </ng-container>

                    <ng-container *ngSwitchCase="'moreDetailInfo'">
                      <ng-container
                      *ngIf="(it.value && it.value && i.showCondition && i.showCondition.indexOf(it.value) > -1) ||  !i.showCondition">
                      <div id="moreDetailInfo{{hintId}}" [ngClass]="{'hidden-detail-info': i.hidden}">
                        <ng-container *ngIf="i.subHtmlObj ">
                          <ng-container *ngFor="let a of i.subHtmlObj" [ngSwitch]="a.formType">
                            <ng-container *ngSwitchCase="'textInputJoin'">
                              <ng-container
                              *ngIf="(i.value && i.value && a.showCondition && a.showCondition.indexOf(i.value) > -1) ||  !a.showCondition">
                              <app-text-input [item]="a" (output) = "outputTextInput($event)"> </app-text-input>
                              </ng-container>
                              
                            </ng-container>
                           
              
                          </ng-container>
                        </ng-container>
                      </div>
                      <ng-container *ngIf="i.leftIcon && i.endIcon; else elseTemplateDef">
                        <p *ngIf="i.hidden" appDebounceClick (debounceClick)="moreDetailInfo(i)"
                        [ngStyle]="i.cssStyle | styleFilter "
                        >
                      {{i.tips}}<img  src="{{i.leftIcon}}" alt="" [ngStyle]="i.leftIconCssStyle | styleFilter "></p>
                      <p *ngIf="!i.hidden" appDebounceClick (debounceClick)="moreDetailInfo(i)"
                      [ngStyle]="i.cssStyle | styleFilter "
                      >
                    {{i.hiddenTips}}<img  src="{{i.endIcon}}" alt="" [ngStyle]="i.endIconCssStyle | styleFilter "></p>
                      </ng-container>
                      <ng-template #elseTemplateDef>
                        <p *ngIf="i.hidden" appDebounceClick (debounceClick)="moreDetailInfo(i)"
                        style="text-align: center; line-height: 55px; color: #858894;font-size: 0.88rem; width: 100%;background: #F7F8FA;">
                        {{i.tips}}<i class="more-icon-open"></i></p>
                      <p *ngIf="!item.hidden" appDebounceClick (debounceClick)="moreDetailInfo(i)"
                        style="text-align: center; line-height: 55px; color: #858894;font-size: 0.88rem; width: 100%;background: #F7F8FA;">
                        {{i.hiddenTips}}<i class="more-icon-close"></i></p>  
                      </ng-template>
                      </ng-container>
                     
                  </ng-container>

                  </ng-container>
                </ng-container>
                
              </ng-container>
              <ng-container *ngSwitchCase="'textInputJoin'">
                <ng-container
                *ngIf="(item.value && item.value && it.showCondition && it.showCondition.indexOf(item.value) > -1) ||  !it.showCondition">
                <app-text-input [item]="it" (output) = "outputTextInput($event)"> </app-text-input>
                </ng-container>
                
              </ng-container>
          </ng-container>

         </ng-container>
        </ng-container>

        <ng-container *ngSwitchCase="'richTextEdit'">
          
           <div class="rich-text-edit-bg" [ngStyle]="item.cssStyle | styleFilter">
            <p  *ngIf="item.label && item.label !==''" [ngStyle]="item.labelCssStyle | styleFilter">{{item.label}}
            </p>
            <div [ngStyle]="item.valueCssStyle | styleFilter"  id="id-rich-text-{{item.formKey}}{{hintId}}" class="rich-text-edit">
            </div>
          </div>
        </ng-container>
        
        <ng-container *ngSwitchCase="'changePublish'">
          <div class="change-publish-bg" [ngStyle]="item.cssStyle | styleFilter" appDebounceClick (debounceClick)="openPage(item.link)">
            <span class="change-publish-icon" [ngStyle]="item.leftIconCssStyle | styleFilter" ></span>
            <span class="change-publish-label" [ngStyle]="item.labelCssStyle | styleFilter">{{item.label}}</span>
            <span class="change-publish-extra" [ngStyle]="item.extraCssStyle | styleFilter">{{item.extra}}</span>
          </div>
        </ng-container>

        <!-- 省市区三级多选  -->
        <ng-container *ngSwitchCase="'threeLevelSelection'">
          <div class="three-Level-selection-bg threeLevelSelection" [ngStyle]="item.cssStyle | styleFilter">
            <div class="level-1-bg">
              <ng-container *ngFor="let level1 of item.children">
                <div class="level-1" [ngClass]="{'open': level1.open}" appDebounceClick (debounceClick)="itemLeftClick(level1,item)">
                  <span class="un-open" [ngClass]="{'open': level1.open}"></span>
                  <span class="level-label" [ngClass]="{'level-label-select': level1.hasValue}">{{level1.label}}</span>
                  <i class="nochecked" appDebounceClick (debounceClick)="checkAllL1($event,level1,item)" [ngClass]="{'checked': level1.checked}"></i>
                </div>
                
              </ng-container>
            </div>
            <div class="level-2-bg" *ngIf="item.current?.children">
              <ng-container *ngFor="let level2 of item.current.children">
                <div class="level-2" appDebounceClick (debounceClick)="itemCenterClick(level2,item)">
                  <span class="un-open" [ngClass]="{'open': level2.open}"></span>
                  <span class="level-label" [ngClass]="{'level-label-select': level2.hasValue, 'level-label-select-current': level2 === item.current?.current}">{{level2.label}}</span>
                  <i class="nochecked" [ngClass]="{'checked': level2.checked}" appDebounceClick (debounceClick)="checkAllL2($event,level2,item)"></i>
                </div>
              </ng-container>

            </div>
            <div class="level-3-bg" *ngIf="item.current?.current?.children">
              <ng-container *ngFor="let level3 of item.current.current.children">
                <div class="level-3" appDebounceClick (debounceClick)="level3Click(level3,item)">
                  <span class="level-label" [ngClass]="{'level-label-select': level3.checked}">{{level3.label}}</span>
                </div>
              </ng-container>

            </div>
          </div>
        </ng-container>

        <!-- 地图选择小区地址信息 -->
        <ng-container *ngSwitchCase="'chooseMap'">
          <div class="choose-map" [ngStyle]="item.cssStyle | styleFilter">
            <div class="choose-map-bg">
              <app-show-map [formData]="item" (updateAddress)=updateAddressHandler($event,item)></app-show-map>
            </div>
          </div>
          <ng-container *ngIf="item.subHtmlObj">
            <ng-container *ngFor="let it of item.subHtmlObj" [ngSwitch]="it.formType">
              
              <ng-container *ngSwitchCase="'showAddress'">
                <ng-container
                  *ngIf="(item.value && it.showCondition && it.showCondition.indexOf(item.value) > -1) ||  !it.showCondition">
                  <div class="post-item post-item-div"  [ngStyle]="it.cssStyle | styleFilter" [ngClass]="{'border-none': it.lines === 'none'}">

                    <ion-label *ngIf="it.label && it.label !==''">{{it.label}}</ion-label>
                    <span class="input" *ngIf="it.value && it.value.length > 0 " [ngStyle]="it.valueCssStyle | styleFilter">{{it.value}}</span>
                    <span class="input gray" *ngIf="!it.value || it.value === ''" [ngStyle]="it.placeholderCssStyle | styleFilter">{{it.placeplaceHolderHolder}}</span>
                  </div>
                </ng-container>
              </ng-container>
              <ng-container *ngSwitchCase="'textInput'">
                <ng-container
                  *ngIf="(item.value && it.showCondition && it.showCondition.indexOf(item.value) > -1) ||  !it.showCondition">
                  <app-text-input [item]="it" (output) = "outputTextInput($event)"> </app-text-input>
                </ng-container>

              </ng-container>
            </ng-container>
          </ng-container>
        </ng-container>
      <!-- 面试时间 -->
      <ng-container *ngSwitchCase="'pickerSelectDate'">
        <app-text-input [item]="item" (output) = "outputTextInput($event)"> </app-text-input>  
      </ng-container>
      
      <!-- 便捷商品规格 -->
      <ng-container *ngSwitchCase="'editItemList'">

        <div class="editItemListBg" [ngStyle]="item.cssStyle | styleFilter">
          <ng-container *ngFor="let it of item.itemList;let i = index">
            <p class="edit-item-label" [ngStyle]="item.labelCssStyle | styleFilter">{{it.label}}</p>

            <div class="edit-item-desc" *ngIf="item.label || it.minValue">
              <span class="edit-item-desc-label">{{item.label}}</span>
              <span class="edit-item-desc-value">{{it.minValue}}</span>
            </div>
            
            <p class="edit-item-value">
              <span class="edit-item-desc-label" [ngStyle]="item.extraCssStyle | styleFilter" >{{item.extra}}</span>
              <span class="edit-item-value-input">
                
                <!-- 文本类型 -->
                <ion-input *ngIf="!item.textType || item.textType !== 'number'"     
                [ngClass]="{'bold': it.value && it.value.length > 0}"type="text" 
                [maxlength]="item.maxLength"
                   [placeholder]="item.placeHolder" 
                   value="{{it.value}}"
                   id="{{item.formKey}}_{{i}}"
                   (ionBlur)="editItemListChangeValue(item,it)" [ngStyle]="it.valueCssStyle | styleFilter">
                </ion-input>
                <!-- 数字类型 -->
                <ion-input *ngIf="item.textType === 'number'" type="number"  
                  [ngClass]="{'bold': it.value && it.value.length > 0}"
                  onkeyup="value=value.replace(/[^\d\.]/g,'')"
                  onafterpaste="if((value===''))execCommand('undo')"
                  onKeypress="return(/[\d\.]/.test(String.fromCharCode(event.keyCode)))"
                  value="{{it.value}}"
                  [maxlength]="item.maxLength"
                  [placeholder]="item.placeHolder"  
                  id="{{item.formKey}}_{{i}}"
                  (ionBlur)="editItemListChangeValue(item,it)" [ngStyle]="it.valueCssStyle | styleFilter">
                </ion-input>
                <!-- 行尾文字 -->
                <span class="jointEnd" *ngIf="item.extra">{{item.unit}}</span>
              </span>
            </p>
           
          </ng-container>
          

        </div>
      </ng-container>
      
      <!-- 便捷商品规格 2-->
      <ng-container *ngSwitchCase="'editItemListTable'">

        <div class="editItemListBg" [ngStyle]="item.cssStyle | styleFilter">
          <div class="edit-item-desc2">
            <span *ngIf="item.label" class="edit-item-desc-label2 flex2" [ngStyle]="item.labelCssStyle | styleFilter">{{item.label}}</span>
            <span *ngIf="item.extra" class="edit-item-desc-label2" [ngStyle]="item.extraCssStyle | styleFilter">{{item.extra}}</span>
          </div>
          <ng-container *ngFor="let it of item.itemList;let i = index">
            <p class="edit-item-value2" [ngStyle]="it.cssStyle | styleFilter">
              <span *ngIf="it.label" class="edit-it-desc-label flex2" [ngStyle]="it.labelCssStyle | styleFilter">{{it.label}}</span>
              <span class="edit-item-value-input" [ngClass]="{'flex1': item.tips}" [ngStyle]="it.valueNCssStyle | styleFilter">
                <i class="edit-bg" [ngStyle]="it.valueDefCssStyle | styleFilter" [ngClass]="{'edit-bg-enable': !item.disabled,'edit-item-desc-ion-input-bold': it.check}"><ng-container 
                  *ngIf="!item.unit">￥</ng-container>
                <!-- 文本类型 -->
                <ion-input *ngIf="!item.textType || item.textType !== 'number'"   
                class="edit-item-desc-ion-input"
                [ngStyle]="it.valueCssStyle | styleFilter"
                [ngClass]="{'edit-item-desc-ion-input-bold': it.check}"type="text" 
                [maxlength]="item.maxLength"
                   [placeholder]="item.placeHolder" 
                   value="{{it.value}}"
                   id="{{item.formKey}}_{{i}}" appDebounceClick
                   (ionChange)="editItemListChangeValue(item,it,$event)">
                </ion-input>
                <!-- 数字类型 -->
                <ion-input *ngIf="item.textType === 'number'" type="number"  
                  class="edit-item-desc-ion-input"
                  [ngClass]="{'edit-item-desc-ion-input-bold': it.check}"
                  [ngStyle]="it.valueCssStyle | styleFilter"
                  [readonly]="item.disabled" 
                  onkeyup="value=value.replace(/[^\d\.]/g,'')"
                  onafterpaste="if((value===''))execCommand('undo')"
                  onKeypress="return(/[\d\.]/.test(String.fromCharCode(event.keyCode)))"
                  value="{{it.value}}"
                  [maxlength]="item.maxLength"
                  [placeholder]="item.placeHolder"  
                  id="{{item.formKey}}_{{i}}" appDebounceClick
                  (ionChange)="editItemListChangeValue(item,it,$event)">
                </ion-input>
              </i>
                <span *ngIf="it.valueDef" [ngClass]="{'edit-enable': !item.disabled}" class="edit-it-desc-def" [ngStyle]="it.valueDefCssStyle | styleFilter">￥{{it.valueDef}}</span>

                <div class="edit-item-desc-div">
                  <!--拿货价-->
                  <span *ngIf="item.defValue" class="edit-item-desc-span" [ngStyle]="item.defValueCssStyle | styleFilter">{{item.defValue}}<span
                     *ngIf="it.minValue" [ngStyle]="it.minValueCssStyle | styleFilter">{{it.minValue}}</span></span>

                  <!--利润-->
                  <span *ngIf="item.tips" class="edit-item-desc-span" [ngStyle]="item.tipsCssStyle | styleFilter">{{item.tips}}<span
                     *ngIf="it.profit" [ngClass]="{'red-profit': i.profit < 0}" [ngStyle]="it.profitCssStyle | styleFilter">￥{{it.profit}}</span></span>

                </div>
              </span>

              

              <span class="jointEnd" [ngStyle]="it.extraCssStyle | styleFilter" *ngIf="item.extra">{{item.unit}}</span>
            </p>
           
          </ng-container>
          

        </div>
      </ng-container>
      <!-- 四级地址区域选择 -->
      <ng-container *ngSwitchCase="'fourLevelAddress'">
        <div class="post-item post-item-div"  [ngStyle]="item.cssStyle | styleFilter" [ngClass]="{'border-none': item.lines === 'none'}">
          <ion-label *ngIf="item.label && item.label !== ''" [ngStyle]="item.labelCssStyle | styleFilter">{{item.label}}</ion-label>
          <input type="text" [attr.placeholder]="item.placeHolder"
            [formControlName]="item.formKey" class="displayno">
          <span class="input" appDebounceClick (debounceClick)="fourLevelAddress(item)" *ngIf="item.showValue">{{item.showValue}}</span>
          <span class="input lightgrey" appDebounceClick (debounceClick)="fourLevelAddress(item)"
            *ngIf="!item.showValue">{{item.placeHolder}}</span>
          <img *ngIf="item.endIcon" class="detail-icon" [ngStyle]="item.endIconCssStyle | styleFilter"/>
        </div>
      </ng-container>

      <!-- 打开地图选地址 -->
      <ng-container *ngSwitchCase="'showMapAddress'">
        <div [ngStyle]="item.cssStyle | styleFilter" id="showSelectAddressModelId" [ngClass]="{'reviseAddress-border': item.showValue && item.showValue !== ''}">
          <span class="showMapAddress" *ngIf="!item.showValue && item.label && item.label !== ''" appDebounceClick (debounceClick)="openModalMapPage(item)"
          [ngStyle]="item.labelCssStyle | styleFilter">{{item.label}}<img 
            *ngIf="item.icon" class="showMapAddress-icon" [ngStyle]="item.iconCssStyle | styleFilter" [src]="item.icon"/></span>

          <div class="reviseAddress" *ngIf="item.showValue && item.showValue !== ''">
            <div class="reviseAddress-info">
              <span class="reviseAddress-value">{{item.value}}</span>
              <span class="reviseAddress-address">{{item.showValue}}</span>
            </div>
            <span class="reviseAddress-btn" appDebounceClick (debounceClick)="openModalMapPage(item)">{{item.placeHolder}}</span>
          </div>
        </div>
      </ng-container>

      <ng-container *ngSwitchCase="'addServiceSpecification'">
        <div class="sp-bg" [ngStyle]="item.cssStyle | styleFilter">
          <ng-container *ngIf="item.itemList && item.itemList.length > 0">
            <div class="sp-item-bg" [ngStyle]="item.itemListCssStyle | styleFilter" *ngFor="let it of item.itemList;let i = index">
              <span class="sp-label" [ngStyle]="item.showValueCssStyle | styleFilter" (click)="editInfo(item,i)">{{it.label}}</span>
              <span class="sp-price" [ngStyle]="item.valueCssStyle | styleFilter" (click)="editInfo(item,i)" >￥{{it.value}}</span>
              <img class="del-btn" *ngIf="item.endIcon" src="{{item.endIcon}}" alt="" (click)="delInfo(item,i)" [ngStyle]="item.endIconCssStyle | styleFilter">
            </div>
          </ng-container>
          <p class="add-btn" (click)="editInfo(item,-1)" [ngStyle]="item.extraCssStyle | styleFilter" ><img class="add-btn-img" [ngStyle]="item.leftIconCssStyle | styleFilter" *ngIf="item.leftIcon" src="{{item.leftIcon}}" alt=""><span>{{item.extra}}</span></p>
        </div>
        
        

      </ng-container>
      
      

  </List>
</form>

<ng-container *ngIf="isModalFlow && formGroup">
  <div [ngStyle]="tagData.cssStyle | styleFilter" class="modal-flow-bg">
    <p *ngIf="title" class="modal-flow-title">{{title}} <img class="close-modal" *ngIf="tagData.showClose"  appDebounceClick (debounceClick)="closeModal()" src="assets/img/close.png"
      alt="back"></p>

    <form [formGroup]="formGroup" class="modal-flow-form" >
      
      <div *ngFor="let field of fieldsets, let i=index" id="field{{i}}" class="field">
        <List *ngFor="let item of field, let i=index" [ngSwitch]="item.formType">
          <ng-container *ngSwitchCase="'passwordType'">
            <app-text-input [item]="item" (output) = "outputTextInput($event)"> </app-text-input>
          </ng-container>
          <!-- 左边图标 输入框-->
          <ng-container *ngSwitchCase="'textInput_border'">
            <app-text-input [item]="item" (output) = "outputTextInput($event)"> </app-text-input>
          </ng-container>
          <ng-container *ngSwitchCase="'textInputJoin'">
            <app-text-input [item]="item" (output) = "outputTextInput($event)"> </app-text-input>
          </ng-container>
          <ng-container *ngSwitchCase="'textInputDesign'">
            <app-text-input [item]="item" (output) = "outputTextInput($event)"> </app-text-input>
          </ng-container>
          <ng-container *ngSwitchCase="'textInput'">
            <app-text-input [item]="item" (output) = "outputTextInput($event)"> </app-text-input>
            <ng-container *ngIf="item.subHtmlObj">
              <ng-container *ngFor="let it of item.subHtmlObj" [ngSwitch]="it.formType">
                <ng-container *ngSwitchCase="'textInput'">
                  <ng-container
                    *ngIf="(item.value && it.showCondition && it.showCondition.indexOf(item.value) > -1) ||  !it.showCondition">
                    <app-text-input [item]="it" [superItem]="item" (output) = "outputTextInput($event)"> </app-text-input>
                  </ng-container>
  
                </ng-container>
                <ng-container *ngSwitchCase="'checkBox'">
                  <ng-container
                    *ngIf="(item.value && it.showCondition && it.showCondition.indexOf(item.value) > -1) ||  !it.showCondition">
                    <app-text-input [item]="it" (output) = "outputTextInput($event)"> </app-text-input>  

                  </ng-container>
  
  
                </ng-container>
  
                <!-- 分段 标题描述 -->
                <ng-container *ngSwitchCase="'sectionDesc'">
                  <ng-container
                    *ngIf="(item.value && it.showCondition && it.showCondition.indexOf(item.value) > -1) ||  !it.showCondition">
                    <p class="section-desc" [ngStyle]="it.cssStyle | styleFilter" appDebounceClick (debounceClick)="openPage(it.link)">
                      <span [ngStyle]="it.labelCssStyle | styleFilter" class="sectionDescLabel"[innerHTML] = "it.label | parseStyle"></span>
                      <input type="text" [attr.placeholder]="it.placeHolder" [formControlName]="it.formKey"
                        class="displayno">
                      <span class="input font17"
                        *ngIf="it.value && it.value !== '' && it.value.length ">{{it.showValue}}</span>
                      <span class="input lightgrey-notImportant font17" *ngIf="!it.value && it.placeHolder">{{it.placeHolder}}</span>
                      <i *ngIf="it.endIcon" class="detail-icon"  [ngStyle]="it.endIconCssStyle | styleFilter " ></i>
                    </p>
                  </ng-container>
  
                </ng-container>
                <!-- 服务报价说明 -->
                <ng-container *ngSwitchCase="'hintContent'">
                  <ng-container
                    *ngIf="(item.value && it.showCondition && it.showCondition.indexOf(item.value) > -1) ||  !it.showCondition">
                    <div [ngStyle]="it.cssStyle | styleFilter" class="hint-bg">
                      <div class="hint-content-bg" *ngIf="it.tips && it.tips.length > 0">
                        <ng-container *ngFor="let tip of it.tips.split('||')">
                          <p class="hint-item">
                            <span class="icon"></span>{{tip}}
                          </p>
                        </ng-container>
                      </div>
                    </div>
                  </ng-container>
  
                </ng-container>
  
  
  
  
              </ng-container>
            </ng-container>
  
          </ng-container>
  
          <!-- JS -->
          <ng-container *ngSwitchCase="'textInputLJ'">
            <app-text-input [item]="it" (output) = "outputTextInput($event)"> </app-text-input>
  
          </ng-container>
  
          <!-- LJ oneline -->
          <ng-container *ngSwitchCase="'textInputLJOneLine'">
            <app-text-input [item]="item" (output) = "outputTextInput($event)"> </app-text-input>
          </ng-container>
  
          <!--  身份证 -->
          <ng-container *ngSwitchCase="'uploadIdentityWidget'">
            <div *ngIf="item.label && item.label.length > 0" class="post-item-div-upload" [ngStyle]="item.cssStyle | styleFilter" >
              <ion-label  [ngStyle]="item.labelCssStyle | styleFilter"  [innerHTML]="item.label | parseStyle "></ion-label>
              <i class="error-tip" *ngIf="errorCheckedForuploadIdentityWidget(item)">请上传身份照片</i>
            </div>
            <app-upload-identity [items]="item.subHtmlObj" (updateIdentity)="updateIdentityHandler($event)">
            </app-upload-identity>
          </ng-container>
  
          <!-- 发布店铺图片 -->
          <ng-container *ngSwitchCase="'addReleasePhoto'">
            <app-photo-select [tagData]="item" (updateUrl)="updateUrlHandler($event)"></app-photo-select>
          </ng-container>
          <!-- 文件选择 -->
          <ng-container *ngSwitchCase="'fileSelectWidget'">
            <app-photo-select [tagData]="item" (updateUrl)="updateUrlHandler($event)"></app-photo-select>
          </ng-container>
          <!-- 发布店铺图片 + 视频 -->
          <ng-container *ngSwitchCase="'photoVideoSelectWidget'">
            <app-photo-select [tagData]="item" (updateUrl)="updateUrlHandler($event)"></app-photo-select>
          </ng-container>
          <!--  备注图片选择 -->
          <ng-container *ngSwitchCase="'photoSelectWidget'">
            <app-photo-select [tagData]="item" (updateUrl)="updateUrlHandler($event)"></app-photo-select>
          </ng-container>
          <ng-container *ngSwitchCase="'avatarSelectWidget'">
            <app-photo-select [tagData]="item" (updateUrl)="updateUrlHandler($event)"></app-photo-select>
          </ng-container>
          
  
          <!-- singleColumnSelectLJ 底部弹窗-->
          <ng-container *ngSwitchCase="'singleColumnSelectLJ'">
  
  
            <app-text-input [item]="item" (output) = "outputTextInput($event)"> </app-text-input>
  
  
            <!-- 维修2-3级 -->
            <ng-container *ngIf="item.subHtmlObj &&  item.subHtmlObj[0].formType === 'modalMultipleSelectLJ_AfterSubmit'">
              <div class="lj-post-item">
                <p class="lj-post-item-label">
                  {{item.subHtmlObj[0].label}}
                </p>
                <p class="lj-picker-bg lj-picker-bg-zone" appDebounceClick (debounceClick)="openMultipleModal(item.subHtmlObj[0])">
                  <span
                    *ngIf="item.subHtmlObj[0].value && item.subHtmlObj[0].value !== '' && item.subHtmlObj[0].value.length "
                    [className]="(item.subHtmlObj[0].value && !item.subHtmlObj[0].disabled) ? 'select-checked' : 'lightgrey'"><i
                      class="lj-picker-left-icon"></i><i
                      class="lj-item-value lj-item-value-zone">{{item.subHtmlObj[0].showValue}}</i><i
                      class="lj-right-icon"></i></span>
  
                  <span *ngIf="!item.subHtmlObj[0].value"
                    [className]="(item.subHtmlObj[0].value && !item.subHtmlObj[0].disabled) ? 'select-checked' : 'lightgrey'"><i
                      class="lj-picker-left-icon"></i><i
                      class="lj-item-value lj-item-value-zone ">{{item.subHtmlObj[0].placeHolder}}</i><i
                      class="lj-right-icon"></i></span>
  
                </p>
              </div>
            </ng-container>
          </ng-container>
  
          <!--  底部弹窗单选 -->
          <ng-container *ngSwitchCase="'singleColumnSelect'">
            <div class="post-item post-item-div"  [ngStyle]="item.cssStyle | styleFilter" [ngClass]="{'border-none': item.lines === 'none'}">
              <ion-label *ngIf="item.label && item.label.length > 0 " [ngStyle]="item.labelCssStyle | styleFilter" [innerHTML] = "item.label | parseStyle"></ion-label>
              <input type="text" [attr.placeholder]="item.placeHolder" (focus)="showActionSheet(item)"
                [formControlName]="item.formKey" class="displayno">
              <span class="input" appDebounceClick (debounceClick)="showActionSheet(item)"   [ngStyle]="item.valueCssStyle | styleFilter" *ngIf="item.showValue">{{item.showValue}}</span>
              <span class="input lightgrey" [ngStyle]="item.placeholderCssStyle | styleFilter" appDebounceClick (debounceClick)="showActionSheet(item)"
                *ngIf="!item.showValue">{{item.placeHolder}}</span>
              <i class="detail-icon"></i>
            </div>
            <ng-container *ngIf="item.subHtmlObj">
              <ng-container *ngFor="let it of item.subHtmlObj" [ngSwitch]="it.formType">
                <ng-container *ngSwitchCase="'textInput'">
                  <ng-container
                    *ngIf="(item.value && it.showCondition && it.showCondition.indexOf(item.value) > -1) ||  !it.showCondition">
                    <app-text-input [item]="it" (output) = "outputTextInput($event)"> </app-text-input>
                  </ng-container>
  
                </ng-container>
                <ng-container *ngSwitchCase="'selectAddressWidget'">
                  <ng-container
                    *ngIf="(item.value && it.showCondition && it.showCondition.indexOf(item.value) > -1) ||  !it.showCondition">
  
                    <ion-item class="post-item" [ngStyle]="it.cssStyle | styleFilter">
                      <ion-label>{{it.label}}</ion-label>
                      <input type="text" [attr.placeholder]="it.placeHolder" (focus)="openModalMoreEditInfo(it)"
                        class="displayno">
                      <span class="input" appDebounceClick (debounceClick)="openModalMoreEditInfo(it)"
                        *ngIf="it.value && it.value !== ''">{{it.value}}</span>
                      <span class="input lightgrey" appDebounceClick (debounceClick)="openModalMoreEditInfo(it)"
                        *ngIf="!it.value || it.value === ''">{{it.placeHolder}}</span>
                      <i class="detail-icon" [ngStyle]="it.endIconCssStyle | styleFilter"></i>
                    </ion-item>
                  </ng-container>
                </ng-container>
  
                <ng-container *ngSwitchCase="'datePicker'">
                  <ng-container
                    *ngIf="(item.value && it.showCondition && it.showCondition.indexOf(item.value) > -1) ||  !it.showCondition">
                    <app-text-input [item]="it" (output) = "outputTextInput($event)"> </app-text-input>

                  </ng-container>
                </ng-container>
  
                <ng-container *ngSwitchCase="'datePlug'">
                  <ng-container
                    *ngIf="(item.value && it.showCondition && it.showCondition.indexOf(item.value) > -1) ||  !it.showCondition">
                    <app-text-input [item]="it" (output) = "outputTextInput($event)"> </app-text-input>

                  </ng-container>
                </ng-container>
                <!--  备注图片选择 -->
                <ng-container *ngSwitchCase="'photoSelectWidget'">
                  <ng-container
                    *ngIf="(item.value && it.showCondition && it.showCondition.indexOf(item.value) > -1) ||  !it.showCondition">
                    <app-photo-select [tagData]="it" (updateUrl)="updateUrlHandler($event)"></app-photo-select>
                  </ng-container>
  
                </ng-container>
                <!--  底部弹窗单选 -->
                <ng-container *ngSwitchCase="'singleColumnSelect'">
                  <ng-container
                    *ngIf="(item.value && it.showCondition && it.showCondition.indexOf(item.value) > -1) ||  !it.showCondition">
                    <div class="post-item post-item-div"  [ngStyle]="it.cssStyle | styleFilter" [ngClass]="{'border-none': it.lines === 'none'}">
                      <ion-label *ngIf="it.label && it.label !== ''" [ngStyle]="it.labelCssStyle | styleFilter">{{it.label}}</ion-label>
                      <input type="text" [attr.placeholder]="it.placeHolder" (focus)="showActionSheet(it)"
                        [formControlName]="it.formKey" class="displayno">
                      <span class="input" appDebounceClick (debounceClick)="showActionSheet(it)" *ngIf="it.showValue">{{it.showValue}}</span>
                      <span class="input lightgrey" appDebounceClick (debounceClick)="showActionSheet(it)"
                        *ngIf="!it.showValue">{{it.placeHolder}}</span>
                      <i class="detail-icon"></i>
                    </div>
                  </ng-container>
  
  
  
                </ng-container>
  
                <!-- switchButton -> areaSlot -->
                <!-- btn 切换 -->
                <ng-container *ngSwitchCase="'switchButton'">
                  <ng-container
                    *ngIf="(item.value && it.showCondition && it.showCondition.indexOf(item.value) > -1) ||  !it.showCondition">
                    <app-text-input [item]="it" (output) = "outputTextInput($event)"> </app-text-input>
  
                    <ng-container *ngIf="it.subHtmlObj">
                      <ng-container *ngFor="let i of it.subHtmlObj" [ngSwitch]="i.formType">
  
                        <ng-container *ngSwitchCase="'textInput'">
                          <ng-container
                            *ngIf="(it.value && i.showCondition && i.showCondition.indexOf(it.value) > -1) ||  !i.showCondition">
                            <app-text-input [item]="i" (output) = "outputTextInput($event)"> </app-text-input>
                          </ng-container>
  
                        </ng-container>
                        <!-- 面积区间 -->
                        <ng-container *ngSwitchCase="'areaSlot'">
                          <ng-container
                            *ngIf="(it.value && i.showCondition && i.showCondition.indexOf(it.value) > -1) ||  !i.showCondition">
  
                            <ion-item class="post-item">
                              <ion-label *ngIf="i.label && i.label !== ''">{{i.label}}</ion-label>
                              <span class="before-txt"
                                *ngIf="i.subHtmlObj[0].beforeTxt">{{i.subHtmlObj[0].beforeTxt}}</span>
                              <ion-input type="number" onkeyup="value=value.replace(/[^\d\.]/g,'')"
                                onafterpaste="if((value===''))execCommand('undo')"
                                onKeypress="return(/[\d\.]/.test(String.fromCharCode(event.keyCode)))"
                                style="--padding-end: 0;" [ngClass]="{'number-center': i.subHtmlObj[0].beforeTxt}"
                                (ionChange)="areaSlotchange($event, i,0)" [(ngModel)]="i.subHtmlObj[0].value"
                                [maxlength]="i.subHtmlObj[0].maxLength" [attr.placeholder]="i.subHtmlObj[0].placeHolder"
                                [formControlName]="i.subHtmlObj[0].formKey">
                              </ion-input>
                              <span class="before-txt"
                                *ngIf="i.subHtmlObj[0].afterTxt">{{i.subHtmlObj[0].afterTxt}}</span>
                              <span
                                style="width:0.03rem;
                          height:0.94rem;
                          background:rgba(182,183,191,1);margin-right: 1.25rem;padding-left: 1px;margin-left: 1.25rem;"></span>
                              <span class="before-txt"
                                *ngIf="i.subHtmlObj[1].beforeTxt">{{i.subHtmlObj[1].beforeTxt}}</span>
                              <ion-input type="number" onkeyup="value=value.replace(/[^\d\.]/g,'')"
                                onafterpaste="if((value===''))execCommand('undo')"
                                onKeypress="return(/[\d\.]/.test(String.fromCharCode(event.keyCode)))"
                                style="--padding-end: 0;" [ngClass]="{'number-center': i.subHtmlObj[1].beforeTxt}"
                                (ionChange)="areaSlotchange($event, i,1)" [(ngModel)]="i.subHtmlObj[1].value"
                                [maxlength]="i.subHtmlObj[1].maxLength" [attr.placeholder]="i.subHtmlObj[1].placeHolder"
                                [formControlName]="i.subHtmlObj[1].formKey">
                              </ion-input>
                              <span class="before-txt"
                                *ngIf="i.subHtmlObj[1].afterTxt">{{i.subHtmlObj[1].afterTxt}}</span>
                              <!-- 行尾文字 -->
                              <span class="jointEnd" *ngIf="i.extra">{{i.extra}}</span>
                              <!-- 租金单位 -->
                              <ng-container *ngIf="i.subHtmlObj && i.subHtmlObj.length === 3">
                                <input type="text" (focus)="showActionSheet(i.subHtmlObj[2])"
                                  [formControlName]="i.subHtmlObj[0].formKey" class="displayno">
                                <span class="single-picker"
                                  appDebounceClick (debounceClick)="showActionSheet(i.subHtmlObj[2])">{{i.subHtmlObj[2].showValue}}
                                  <i class="right-img"></i>
                                </span>
                              </ng-container>
                            </ion-item>
                          </ng-container>
                        </ng-container>
  
                        <!--  底部弹窗单选 -->
                        <ng-container *ngSwitchCase="'singleColumnSelect'">
                          <ng-container
                            *ngIf="(it.value && i.showCondition && i.showCondition.indexOf(it.value) > -1) ||  !i.showCondition">
                            <div class="post-item post-item-div"  [ngStyle]="i.cssStyle | styleFilter" [ngClass]="{'border-none': i.lines === 'none'}">
                              <ion-label *ngIf="i.label && i.label !== ''" [ngStyle]="i.labelCssStyle | styleFilter">{{i.label}}</ion-label>
                              <input type="text" [attr.placeholder]="i.placeHolder" (focus)="showActionSheet(i)"
                                [formControlName]="i.formKey" class="displayno">
                              <span class="input" appDebounceClick (debounceClick)="showActionSheet(i)" *ngIf="i.showValue">{{i.showValue}}</span>
                              <span class="input lightgrey" appDebounceClick (debounceClick)="showActionSheet(i)"
                                *ngIf="!i.showValue">{{i.placeHolder}}</span>
                              <i class="detail-icon"></i>
                            </div>
                          </ng-container>
  
                        </ng-container>
  
  
                      </ng-container>
  
                    </ng-container>
  
                  </ng-container>
  
  
                </ng-container>
                <ng-container *ngSwitchCase="'multipleColumnSelect'">
                  <ng-container
                    *ngIf="(item.value && item.value && it.showCondition && it.showCondition.indexOf(item.value) > -1) ||  !it.showCondition">
  
                    <ion-item class="post-item" appDebounceClick (debounceClick)="showMultipleColumnSelect(it)">
                      <ion-label>{{it.label}}</ion-label>
                      <span class="input"
                        *ngIf="it.showValue && it.showValue !== '' && it.showValue.length ">{{it.showValue}}</span>
                      <span class="input lightgrey"
                        *ngIf="it.showValue === '' || it.showValue === undefined || !it.showValue.length">{{it.placeHolder}}</span>
                      <i class="select-span"></i>
                    </ion-item>
                  </ng-container>
  
                </ng-container>
                <!-- 行业单选 -->
                <ng-container *ngSwitchCase="'pickerSelect'">
                  <ng-container
                    *ngIf="(item.value && item.value && it.showCondition && it.showCondition.indexOf(item.value) > -1) ||  !it.showCondition">
  
                    <app-text-input [item]="it" (output) = "outputTextInput($event)"> </app-text-input>
  
                  </ng-container>
  
                </ng-container>
  
  
                <ng-container *ngSwitchCase="'citySelect'">
                  <ng-container *ngIf="(item.value && item.value && it.showCondition && it.showCondition.indexOf(item.value) > -1) ||  !it.showCondition">
                    <ion-item class="post-item">
                      <ion-label  *ngIf="it.label && it.label.length > 0">{{it.label}}</ion-label>
                      <input type="text" [attr.placeholder]="it.placeHolder" (focus)="openModalCityPage(it)"
                        class="displayno">
                      <span class="input" appDebounceClick (debounceClick)="openModalCityPage(it)"
                        *ngIf="it.showValue && it.showValue !== ''">{{it.showValue}}</span>
                      <span class="input lightgrey" appDebounceClick (debounceClick)="openModalCityPage(it)"
                        *ngIf="!it.showValue || it.showValue === ''">{{it.placeHolder}}</span>
                      <i class="detail-icon"></i>
                    </ion-item>
                  </ng-container>
                </ng-container>
  
                <!--modal 描述 -->
                <ng-container *ngSwitchCase="'modalOfTextArea'">
                  <ng-container
                  *ngIf="(item.value && item.value && it.showCondition && (it.showCondition.indexOf(item.value) > -1 || item.value.indexOf(it.showCondition) > -1 ) ||  !it.showCondition)">
                  <ion-item class="post-item">
                    <ion-label>{{it.label}}</ion-label>
                    <input type="text" [attr.placeholder]="it.placeHolder" (focus)="openModalMoreEditInfo(it)"
                      class="displayno">
                    <span class="input" appDebounceClick (debounceClick)="openModalMoreEditInfo(it)"
                      *ngIf="it.showValue && it.showValue !== ''">{{it.showValue}}</span>
                    <span class="input lightgrey" appDebounceClick (debounceClick)="openModalMoreEditInfo(it)"
                      *ngIf="!it.showValue || it.showValue === ''">{{it.placeHolder}}</span>
                    <i class="detail-icon"></i>
                  </ion-item>
                  </ng-container>
  
                  
                </ng-container>
  
              <!--modal 编辑更多项目 -->
              <ng-container *ngSwitchCase="'modalOfMoreItems'">
                <ng-container
                  *ngIf="(item.value && item.value && it.showCondition && (it.showCondition.indexOf(item.value) > -1 || item.value.indexOf(it.showCondition) > -1 ) ||  !it.showCondition)">
                  <ion-item class="post-item" [ngStyle]="it.cssStyle | styleFilter">
                    <ion-label [ngStyle]="it.labelCssStyle | styleFilter">{{it.label}}</ion-label>
                    <input type="text" [attr.placeholder]="it.placeHolder" (focus)="openModalMoreEditInfo(it)"
                      class="displayno">
                    <span class="input" style="display: inline-block;" appDebounceClick (debounceClick)="openModalMoreEditInfo(it)"
                      *ngIf="it.showValue && it.showValue !== ''" [innerHTML]="it.showValue | parseStyle"><span
                        class="jointEnd" *ngIf="it.extra">{{it.extra}}</span></span>
                    <span class="input lightgrey" appDebounceClick (debounceClick)="openModalMoreEditInfo(it)"
                      *ngIf="!it.showValue || it.showValue === ''">{{it.placeHolder}}<span class="jointEnd"
                        *ngIf="it.extra">{{it.extra}}</span></span>
  
                    <i class="detail-icon"></i>
                  </ion-item>
                </ng-container>
  
              </ng-container>
  
              <!-- 59.3 modalMultipleSelect3_Full_Common 弹窗2-3级分类多选 (全屏窗) 有三级（品牌。全选不包含品牌选择）时候 二级占整行，子项不定宽。-->
              <ng-container *ngSwitchCase="'modalMultipleSelect3_Full_Common'">
                <ng-container
                  *ngIf="(item.value && it.showCondition && (it.showCondition.indexOf(item.value) > -1 || item.value.indexOf(it.showCondition) > -1 ) ||  !it.showCondition)">
  
                  <ion-item class="post-item" lines="inset">
                    <ion-label>{{it.label}}</ion-label>
                    
                    <span class="input" appDebounceClick (debounceClick)="modalMultipleSelect3FullScreen(it)" *ngIf="it.showValue && it.showValue.length> 0"
                      [ngStyle]="it.valueCssStyle | styleFilter" [innerHTML]="it.showValue | parseStyle"></span>
                    <span class="input lightgrey" appDebounceClick (debounceClick)="modalMultipleSelect3FullScreen(it)"
                      *ngIf="!it.showValue">{{it.placeHolder}}</span>
                    <i class="detail-icon"></i>
                  </ion-item>
  
                </ng-container>
              </ng-container>
  
              <ng-container *ngSwitchCase="'modalMultipleSelect3_Auto_Full'">
                <ng-container
                  *ngIf="(item.value && it.showCondition && (it.showCondition.indexOf(item.value) > -1 || item.value.indexOf(it.showCondition) > -1 ) ||  !it.showCondition)">
  
                  <div class="join-form-item-bg" [ngStyle]="it.cssStyle | styleFilter"
                  appDebounceClick (debounceClick)="modalMultipleSelect3AutoFull(it)">
                  <p class="join-label" [ngStyle]="it.labelCssStyle | styleFilter" *ngIf="it.label && it.label !==''">
                    {{it.label}}</p>
      
                  <span class="join-sep" [ngStyle]="it.sepCssStyle | styleFilter"></span>
                  <p class="palce-hoder-join" *ngIf="!(it.showValue && it.showValue.length> 0)"
                    [ngStyle]="it.placeholderCssStyle | styleFilter">{{it.placeHolder}}</p>
                  <p class="value-join" *ngIf="it.showValue && it.showValue.length> 0"
                    [ngStyle]="it.valueCssStyle | styleFilter" [innerHTML]="it.showValue | parseStyle"></p>
                  <img class="end-icon" *ngIf="it.endIcon && it.endIcon.length > 0" src="{{it.endIcon}}" alt="">
      
                </div>
  
                </ng-container>
                
      
              </ng-container>
  
                <!-- 行业多选 -->
                <ng-container *ngSwitchCase="'modalMultipleSelect'">
                  <ng-container
                     *ngIf="(item.value && it.showCondition && (it.showCondition.indexOf(item.value) > -1 || item.value.indexOf(it.showCondition) > -1 ) ||  !it.showCondition)">
                    <ion-item class="post-item">
                      <ion-label *ngIf="it.label && it.label.length > 0">{{it.label}}</ion-label>
                      <input type="text" [attr.placeholder]="it.placeHolder" (focus)="openMultipleModal(it)"
                        [formControlName]="it.formKey" class="displayno">
                      <span class="input" appDebounceClick (debounceClick)="openMultipleModal(it)"
                        *ngIf="it.value && it.value !== '' && it.value.length ">{{it.showValue}}</span>
                      <span class="input lightgrey" appDebounceClick (debounceClick)="openMultipleModal(it)"
                        *ngIf="!it.value">{{it.placeHolder}}</span>
                      <i class="detail-icon"></i>
                    </ion-item>  
    
                  </ng-container>
                </ng-container>
  
            </ng-container>
  
            </ng-container>
  
          </ng-container>
  
          <!-- 多行备注 有label-->
          <ng-container *ngSwitchCase="'textAreaLines'">
            <app-text-input [item]="item" (output) = "outputTextInput($event)"> </app-text-input>
          </ng-container>
  
          <!-- 多行备注 -->
          <ng-container *ngSwitchCase="'textArea'">
            <app-text-input [item]="item" (output) = "outputTextInput($event)"> </app-text-input>
  
          </ng-container>
  
          <!-- 多行备注 LJ-->
          <ng-container *ngSwitchCase="'textAreaLJ'">
            <app-text-input [item]="item" (output) = "outputTextInput($event)"> </app-text-input>  
          </ng-container>
  
  
          <!-- 有图标边框的时间选择  -->
          <ng-container *ngSwitchCase="'datePickerLJ'">
            <app-text-input [item]="item" (output) = "outputTextInput($event)"> </app-text-input>
          </ng-container>
  
          <!-- 时间选择  [extra]="currentValue(item)" [arrow]="'horizontal'"-->
          <ng-container *ngSwitchCase="'datePlug'">
            <app-text-input [item]="item" (output) = "outputTextInput($event)"> </app-text-input>
          </ng-container>
  
          <!-- ion-datetime时间选择  -->
          <ng-container *ngSwitchCase="'ionDatetime'">
            <app-text-input [item]="item" (output) = "outputTextInput($event)"> </app-text-input>
          </ng-container>
          <!-- radioButtonLJ -->
          <ng-container *ngSwitchCase="'radioButtonLJ'">
            <div class="lj-post-item" [ngClass]="{'js-post-item':item?.appType==='JS'}">
              <div *ngIf="item.label && item.label.length > 0" class="lj-post-item-label"
                [ngStyle]="item?.cssStyle | styleFilter">
                <span class="">{{item.label}}</span>
  
              </div>
              <p class="lj-radio-button-bg">
                <ng-container *ngIf="item.itemList">
                  <span class="sw-lj-item-btn" *ngFor="let it of item.itemList; let a = index"
                    [ngClass]="{'nochecked':item.value !== it.value,'checked':item.value === it.value }"
                    appDebounceClick (debounceClick)="changeItemobjValidator(item,'switchButton',a)">{{it.label}}</span>
                </ng-container>
              </p>
            </div>
            <ng-container *ngIf="item.subHtmlObj">
              <ng-container *ngFor="let it of item.subHtmlObj" [ngSwitch]="it.formType">
                <!-- singleColumnSelectLJ 底部弹窗-->
                <ng-container *ngSwitchCase="'singleColumnSelectLJ'">
                  <ng-container
                    *ngIf="(item.value && it.showCondition && it.showCondition.indexOf(item.value) > -1) ||  !it.showCondition">
                    <app-text-input [item]="it" (output) = "outputTextInput($event)"> </app-text-input>
  
  
                  </ng-container>
                </ng-container>
  
                <!-- radioButtonLJ -->
                <ng-container *ngSwitchCase="'radioButtonLJ'">
                  <ng-container
                    *ngIf="(item.value && it.showCondition && it.showCondition.indexOf(item.value) > -1) ||  !it.showCondition">
                    <p class="lj-radio-button-bg">
                      <ng-container *ngIf="it.itemList">
                        <span class="no-show">{{it.label}}</span>
                        <span class="sw-lj-item-btn" *ngFor="let i of it.itemList;let a = index"
                          [ngClass]="{'nochecked':it.value !== i.value,'checked':it.value === i.value }"
                          appDebounceClick (debounceClick)="changeItemobjValidator(it,'switchButton',a)">{{i.label}}</span>
                      </ng-container>
                    </p>
                  </ng-container>
                </ng-container>
  
                <ng-container *ngSwitchCase="'textInputLJ'">
                  <ng-container
                    *ngIf="(item.value && it.showCondition && it.showCondition.indexOf(item.value) > -1) ||  !it.showCondition">
                    <app-text-input [item]="it" (output) = "outputTextInput($event)"> </app-text-input>
                  </ng-container>
  
                </ng-container>
  
                <!-- 面积区间 -->
                <ng-container *ngSwitchCase="'areaSlotLJ'">
                  <ng-container
                    *ngIf="(item.value && it.showCondition && it.showCondition.indexOf(item.value) > -1) ||  !it.showCondition">
  
  
                    <p class="lj-input-bg lj-input-bg-area-slot">
                      <ion-input type="number" onkeyup="value=value.replace(/[^\d\.]/g,'')"
                        onafterpaste="if((value===''))execCommand('undo')"
                        onKeypress="return(/[\d\.]/.test(String.fromCharCode(event.keyCode)))" class="lj-input-item"
                        (ionChange)="areaSlotchange($event, it,0)" [(ngModel)]="it.subHtmlObj[0].value"
                        [maxlength]="item.subHtmlObj[0].maxLength" [attr.placeholder]="it.subHtmlObj[0].placeHolder"
                        [formControlName]="it.subHtmlObj[0].formKey">
                      </ion-input>
                      <span style="font-size: 1rem;font-weight: 400;color: #252629;
  line-height: 1.38rem;margin-left: 0.5rem; margin-right: 0.5rem;">至</span>
                      <ion-input type="number" onkeyup="value=value.replace(/[^\d\.]/g,'')"
                        onafterpaste="if((value===''))execCommand('undo')"
                        onKeypress="return(/[\d\.]/.test(String.fromCharCode(event.keyCode)))" class="lj-input-item"
                        (ionChange)="areaSlotchange($event, it,1)" [(ngModel)]="it.subHtmlObj[1].value"
                        [maxlength]="it.subHtmlObj[1].maxLength" [attr.placeholder]="it.subHtmlObj[1].placeHolder"
                        [formControlName]="it.subHtmlObj[1].formKey">
                      </ion-input>
                      <!-- 行尾文字 -->
                      <span class="jointEnd" *ngIf="it.extra">{{it.extra}}</span>
                      <!-- 租金单位 -->
                      <ng-container *ngIf="it.subHtmlObj && it.subHtmlObj.length === 3">
                        <input type="text" (focus)="showActionSheet(it.subHtmlObj[2])"
                          [formControlName]="it.subHtmlObj[0].formKey" class="displayno">
                        <span class="single-picker-lj"
                          appDebounceClick (debounceClick)="showActionSheet(it.subHtmlObj[2])">{{it.subHtmlObj[2].showValue}}
                          <i class="lj-right-icon"></i>
                        </span>
                      </ng-container>
                    </p>
  
  
                  </ng-container>
                </ng-container>
  
              </ng-container>
            </ng-container>
          </ng-container>
          <!-- btn 切换  LJ-->
          <ng-container *ngSwitchCase="'switchButtonLJ'">
            <app-text-input [superItem]="item" [item]="it" (output) = "outputTextInput($event)"> </app-text-input>
            <ng-container *ngIf="item.subHtmlObj">
              <ng-container *ngFor="let it of item.subHtmlObj" [ngSwitch]="it.formType">
                <!-- singleColumnSelectLJ 底部弹窗-->
                <ng-container *ngSwitchCase="'singleColumnSelectLJ'">
                  <ng-container
                    *ngIf="(item.value && it.showCondition && it.showCondition.indexOf(item.value) > -1) ||  !it.showCondition">
                    <app-text-input [item]="it" (output) = "outputTextInput($event)"> </app-text-input>
                   


                  </ng-container>
                </ng-container>

                <!-- radioButtonLJ -->
                <ng-container *ngSwitchCase="'radioButtonLJ'">
                  <ng-container
                    *ngIf="(item.value && it.showCondition && it.showCondition.indexOf(item.value) > -1) ||  !it.showCondition">
                    <p class="lj-radio-button-bg">
                      <ng-container *ngIf="it.itemList">
                        <span class="no-show">{{it.label}}</span>
                        <span class="sw-lj-item-btn" *ngFor="let i of it.itemList;let a = index"
                          [ngClass]="{'nochecked':it.value !== i.value,'checked':it.value === i.value }"
                          appDebounceClick (debounceClick)="changeItemobjValidator(it,'switchButton',a)">{{i.label}}</span>
                      </ng-container>
                    </p>
                  </ng-container>
                </ng-container>

                <ng-container *ngSwitchCase="'textInputLJ'">
                  <ng-container
                    *ngIf="(item.value && it.showCondition && it.showCondition.indexOf(item.value) > -1) ||  !it.showCondition">
                    <app-text-input [item]="it" (output) = "outputTextInput($event)"> </app-text-input>
                  </ng-container>
                </ng-container>

                <!-- 面积区间 -->
                <ng-container *ngSwitchCase="'areaSlotLJ'">
                  <ng-container
                    *ngIf="(item.value && it.showCondition && it.showCondition.indexOf(item.value) > -1) ||  !it.showCondition">


                    <p class="lj-input-bg lj-input-bg-area-slot">
                      <ion-input type="number" onkeyup="value=value.replace(/[^\d\.]/g,'')"
                        onafterpaste="if((value===''))execCommand('undo')"
                        onKeypress="return(/[\d\.]/.test(String.fromCharCode(event.keyCode)))" class="lj-input-item"
                        (ionChange)="areaSlotchange($event, it,0)" [(ngModel)]="it.subHtmlObj[0].value"
                        [maxlength]="item.subHtmlObj[0].maxLength" [attr.placeholder]="it.subHtmlObj[0].placeHolder"
                        [formControlName]="it.subHtmlObj[0].formKey">
                      </ion-input>
                      <span style="font-size: 1rem;font-weight: 400;color: #252629;
  line-height: 1.38rem;margin-left: 0.5rem; margin-right: 0.5rem;">至</span>
                      <ion-input type="number" onkeyup="value=value.replace(/[^\d\.]/g,'')"
                        onafterpaste="if((value===''))execCommand('undo')"
                        onKeypress="return(/[\d\.]/.test(String.fromCharCode(event.keyCode)))" class="lj-input-item"
                        (ionChange)="areaSlotchange($event, it,1)" [(ngModel)]="it.subHtmlObj[1].value"
                        [maxlength]="it.subHtmlObj[1].maxLength" [attr.placeholder]="it.subHtmlObj[1].placeHolder"
                        [formControlName]="it.subHtmlObj[1].formKey">
                      </ion-input>
                      <!-- 行尾文字 -->
                      <span class="jointEnd" *ngIf="it.extra">{{it.extra}}</span>
                      <!-- 租金单位 -->
                      <ng-container *ngIf="it.subHtmlObj && it.subHtmlObj.length === 3">
                        <input type="text" (focus)="showActionSheet(it.subHtmlObj[2])"
                          [formControlName]="it.subHtmlObj[0].formKey" class="displayno">
                        <span class="single-picker-lj"
                          appDebounceClick (debounceClick)="showActionSheet(it.subHtmlObj[2])">{{it.subHtmlObj[2].showValue}}
                          <i class="lj-right-icon"></i>
                        </span>
                      </ng-container>
                    </p>


                  </ng-container>
                </ng-container>

              </ng-container>
            </ng-container>
          </ng-container>
          <ng-container *ngSwitchCase="'radioButton'">
  
            <ion-item class="post-item" [lines]="item.lines? item.lines:'inset'">
              <ion-label *ngIf="item.label && item.label.length > 0" style="max-width: none;">{{item.label}}</ion-label>
  
              <label for="toggle{{item.formKey}}" style="display: flex;">
                <ng-container *ngIf="!item.multiSelect">
                  <span class="radio-item" appDebounceClick (debounceClick)="changeItemobjValidator(item,'switchButton',0)"><i
                      [ngClass]="{'nochecked':item.value !== item.itemList[0].value,'checked':item.value === item.itemList[0].value }"></i>{{item.itemList[0].label}}</span>
                  <span class="radio-item radio-item-r" appDebounceClick (debounceClick)="changeItemobjValidator(item,'switchButton',1)"><i
                      [ngClass]="{'checked':item.value === item.itemList[1].value, 'nochecked':item.value !== item.itemList[1].value}"></i>{{item.itemList[1].label}}</span>
                </ng-container>
  
                <!-- 支持多选 -->
                <ng-container *ngIf="item.multiSelect === true">
                  <span class="radio-item" appDebounceClick (debounceClick)="changeItemobjValidator(item,'switchButton',0)"><i
                      [ngClass]="{'nochecked':item.value.indexOf(item.itemList[0].value) < 0 ,'checked':item.value.indexOf(item.itemList[0].value) > -1 }"></i>{{item.itemList[0].label}}</span>
                  <span class="radio-item radio-item-r" appDebounceClick (debounceClick)="changeItemobjValidator(item,'switchButton',1)"><i
                      [ngClass]="{'nochecked':item.value.indexOf(item.itemList[1].value) < 0 ,'checked':item.value.indexOf(item.itemList[1].value) > -1 }"></i>{{item.itemList[1].label}}</span>
                </ng-container>
              </label>
            </ion-item>
          </ng-container>
          <!-- btn 切换  系统样式-->
          <ng-container *ngSwitchCase="'switchButtonSystem'">
            <app-text-input [item]="item" (output) = "outputTextInput($event)"> </app-text-input>
          </ng-container>
          <!-- btn 切换 -->
          <ng-container *ngSwitchCase="'switchButton'">
            <app-text-input [item]="item" (output) = "outputTextInput($event)"> </app-text-input>
  
            <ng-container *ngIf="item.subHtmlObj">
              <ng-container *ngFor="let it of item.subHtmlObj" [ngSwitch]="it.formType">
                <ng-container *ngSwitchCase="'textInput'">
                  <ng-container
                    *ngIf="(item.value && it.showCondition && it.showCondition.indexOf(item.value) > -1) ||  !it.showCondition">
                    <app-text-input [item]="it" (output) = "outputTextInput($event)"> </app-text-input>
                  </ng-container>
  
                </ng-container>
                <!-- 面积区间 楼层 -->
                <ng-container *ngSwitchCase="'areaSlot'">
                  <ng-container
                    *ngIf="(item.value && it.showCondition && it.showCondition.indexOf(item.value) > -1) ||  !it.showCondition">
  
                    <ion-item class="post-item">
                      <ion-label *ngIf="it.label && it.label !== ''">{{it.label}}</ion-label>
                      <span class="before-txt" *ngIf="it.subHtmlObj[0].beforeTxt">{{it.subHtmlObj[0].beforeTxt}}</span>
                      <ion-input style="--padding-end:0rem;" type="number" onkeyup="value=value.replace(/[^\d\.]/g,'')"
                        onafterpaste="if((value===''))execCommand('undo')"
                        onKeypress="return(/[\d\.]/.test(String.fromCharCode(event.keyCode)))"
                        [ngClass]="{'number-center': it.subHtmlObj[0].beforeTxt}"
                        (ionChange)="areaSlotchange($event, it,0)" [(ngModel)]="it.subHtmlObj[0].value"
                        [maxlength]="it.subHtmlObj[0].maxLength" [attr.placeholder]="it.subHtmlObj[0].placeHolder"
                        [formControlName]="it.subHtmlObj[0].formKey">
                      </ion-input>
                      <span class="before-txt" *ngIf="it.subHtmlObj[0].afterTxt">{{it.subHtmlObj[0].afterTxt}}</span>
                      <span style="width:0.03rem;
                  height:0.94rem;
                  background:rgba(182,183,191,1);margin-right: 1.25rem;padding-left: 1px;margin-left: 1.25rem;"></span>
                      <span class="before-txt" *ngIf="it.subHtmlObj[1].beforeTxt">{{it.subHtmlObj[1].beforeTxt}}</span>
                      <ion-input style="--padding-end:0rem;" type="number" onkeyup="value=value.replace(/[^\d\.]/g,'')"
                        onafterpaste="if((value===''))execCommand('undo')"
                        onKeypress="return(/[\d\.]/.test(String.fromCharCode(event.keyCode)))"
                        [ngClass]="{'number-center': it.subHtmlObj[1].beforeTxt}"
                        (ionChange)="areaSlotchange($event, it,1)" [(ngModel)]="it.subHtmlObj[1].value"
                        [maxlength]="it.subHtmlObj[1].max" [attr.placeholder]="it.subHtmlObj[1].placeHolder"
                        [formControlName]="it.subHtmlObj[1].formKey">
                      </ion-input>
                      <span class="before-txt" *ngIf="it.subHtmlObj[1].afterTxt">{{it.subHtmlObj[1].afterTxt}}</span>
                      <!-- 行尾文字 -->
                      <span class="jointEnd" *ngIf="it.extra">{{it.extra}}</span>
                      <!-- 租金单位 -->
                      <ng-container *ngIf="it.subHtmlObj && it.subHtmlObj.length === 3">
                        <input type="text" (focus)="showActionSheet(it.subHtmlObj[2])"
                          [formControlName]="it.subHtmlObj[0].formKey" class="displayno">
                        <span class="single-picker"
                          appDebounceClick (debounceClick)="showActionSheet(it.subHtmlObj[2])">{{it.subHtmlObj[2].showValue}}
                          <i class="right-img"></i>
                        </span>
                      </ng-container>
                    </ion-item>
                  </ng-container>
                </ng-container>
  
                <ng-container *ngSwitchCase="'selectAddressWidget'">
                  <ng-container
                    *ngIf="(item.value && it.showCondition && it.showCondition.indexOf(item.value) > -1) ||  !it.showCondition">
  
                    <ion-item class="post-item" [ngStyle]="it.cssStyle | styleFilter">
                      <ion-label>{{it.label}}</ion-label>
                      <input type="text" [attr.placeholder]="it.placeHolder" (focus)="openModalMoreEditInfo(it)"
                        class="displayno">
                      <span class="input" appDebounceClick (debounceClick)="openModalMoreEditInfo(it)"
                        *ngIf="it.value && it.value !== ''">{{it.value}}</span>
                      <span class="input lightgrey" appDebounceClick (debounceClick)="openModalMoreEditInfo(it)"
                        *ngIf="!it.value || it.value === ''">{{it.placeHolder}}</span>
                      <i class="detail-icon" [ngStyle]="it.endIconCssStyle | styleFilter"></i>
                    </ion-item>
                  </ng-container>
                </ng-container>
  
                <!--  底部弹窗单选 -->
                <ng-container *ngSwitchCase="'singleColumnSelect'">
                  <ng-container
                    *ngIf="(item.value && it.showCondition && it.showCondition.indexOf(item.value) > -1) ||  !it.showCondition">
                    <div class="post-item post-item-div"  [ngStyle]="it.cssStyle | styleFilter" [ngClass]="{'border-none': it.lines === 'none'}">
                      <ion-label *ngIf="it.label && it.label !== ''" [ngStyle]="it.labelCssStyle | styleFilter">{{it.label}}</ion-label>
                      <input type="text" [attr.placeholder]="it.placeHolder" (focus)="showActionSheet(it)"
                        [formControlName]="it.formKey" class="displayno">
                      <span class="input" appDebounceClick (debounceClick)="showActionSheet(it)" *ngIf="it.showValue">{{it.showValue}}</span>
                      <span class="input lightgrey" appDebounceClick (debounceClick)="showActionSheet(it)"
                        *ngIf="!it.showValue">{{it.placeHolder}}</span>
                      <i class="detail-icon"></i>
                    </div>
                  </ng-container>
  
                </ng-container>
  
                 <!-- 多行备注 LJ-->
                <ng-container *ngSwitchCase="'textAreaLJ'">
                  <ng-container
                  *ngIf="(item.value && it.showCondition && it.showCondition.indexOf(item.value) > -1) ||  !it.showCondition">
  
                  <app-text-input [item]="it" (output) = "outputTextInput($event)"> </app-text-input>
                  </ng-container>  
                </ng-container>
  
  
              </ng-container>
  
            </ng-container>
  
          </ng-container>
  
          <!--  合同凭证 -->
          <ng-container *ngSwitchCase="'contractSelectWidget'">
            <ion-item class="post-item" lines="none">
              <!--  -->
              <ion-label>{{item.label}}</ion-label>
              <!-- <input type="checkbox" class="hidden-toggle" id="toggle{{item.formKey}}" appDebounceClick (debounceClick)="changeItemobjValidator(item,'contractSelectWidget')" [formControlName]="item.formKey" [ngModel]="item.value"> -->
              <label for="toggle{{item.formKey}}" class="contract-check" style="display: inline-block"
                appDebounceClick (debounceClick)="changeItemobjValidator(item,'contractSelectWidget')">
                <i [ngClass]="{'check': item.value === 'true', 'uncheck':item.value !== 'true'}"> </i>
              </label>
              <span style="font-size: 1rem">{{item.tips}}</span>
  
            </ion-item>
            <hr *ngIf="item.value !== 'true'" style="border-bottom: solid 0.03rem #EBEBED;margin: 0 1.25rem;">
            <ng-container *ngIf="item.value === 'true'">
              <app-photo-select [tagData]="item.subHtmlObj[0]" (updateUrl)="updateUrlHandler($event)"></app-photo-select>
              <app-text-input [item]="item.subHtmlObj[1]" (output) = "outputTextInput($event)"> </app-text-input>
            </ng-container>
  
  
          </ng-container>
  
          <!-- 中间弹窗多选 -->
          <ng-container *ngSwitchCase="'multipleColumnSelectLJ'">
  
            <div class="lj-post-item">
              <p class="lj-post-item-label">
                {{item.label}}
              </p>
  
              <p class="lj-picker-bg" appDebounceClick (debounceClick)="showMultipleColumnSelect(item)">
                <span *ngIf="item.value && item.value !== '' && item.value.length "
                  [className]="(item.value && !item.disabled) ? 'select-checked' : 'lightgrey'"><i
                    class="lj-picker-left-icon"></i><i class="lj-item-value">{{item.showValue}}</i><i
                    *ngIf="item.del && item.value" class="lj-picker-right-del" appDebounceClick (debounceClick)="deleteValue(item)"></i><i
                    class="lj-right-icon"></i></span>
  
                <span *ngIf="!item.value" [className]="(item.value && !item.disabled) ? 'select-checked' : 'lightgrey'"><i
                    class="lj-picker-left-icon"></i><i class="lj-item-value">{{item.placeHolder}}</i><i
                    *ngIf="item.del && item.value" class="lj-picker-right-del" appDebounceClick (debounceClick)="deleteValue(item)"></i><i
                    class="lj-right-icon"></i></span>
  
              </p>
  
            </div>
  
          </ng-container>
          <!-- 中间弹窗多选 -->
          <ng-container *ngSwitchCase="'multipleColumnSelect'">
            <ion-item class="post-item" appDebounceClick (debounceClick)="showMultipleColumnSelect(item)">
              <ion-label>{{item.label}}</ion-label>
              <span class="input" [ngStyle]="item.valueCssStyle | styleFilter" 
                *ngIf="item.showValue && item.showValue !== '' && item.showValue.length " >{{item.showValue}}</span>
              <span class="input lightgrey" [ngStyle]="item.placeholderCssStyle | styleFilter" 
                *ngIf="item.showValue === '' || item.showValue === undefined || !item.showValue.length">{{item.placeHolder}}</span>
              <i class="select-span"></i>
            </ion-item>
  
            <ng-container *ngIf="item.subHtmlObj">
              <ng-container *ngFor="let it of item.subHtmlObj" [ngSwitch]="it.formType">
                <!--modal 编辑更多项目 -->
                <ng-container *ngSwitchCase="'modalOfMoreItems'">
                  <ng-container *ngIf="it.showCondition2; else showCondition">
                    <ng-container
                    *ngIf="(item.value && item.value && it.showCondition && (item.value.indexOf(it.showCondition2) > -1 || item.value.indexOf(it.showCondition) > -1 ) ||  !it.showCondition)">
                    <ion-item class="post-item" [ngStyle]="it.cssStyle | styleFilter">
                      <ion-label [ngStyle]="it.labelCssStyle | styleFilter">{{it.label}}</ion-label>
                      <input type="text" [attr.placeholder]="it.placeHolder" (focus)="openModalMoreEditInfo(it)"
                        class="displayno">
                      <span class="input" style="display: inline-block;" appDebounceClick (debounceClick)="openModalMoreEditInfo(it)"
                        *ngIf="it.showValue && it.showValue !== ''" [innerHTML]="it.showValue | parseStyle"><span
                          class="jointEnd" *ngIf="it.extra">{{it.extra}}</span></span>
                      <span class="input lightgrey" appDebounceClick (debounceClick)="openModalMoreEditInfo(it)"
                        *ngIf="!it.showValue || it.showValue === ''">{{it.placeHolder}}<span class="jointEnd"
                          *ngIf="it.extra">{{it.extra}}</span></span>
  
                      <i class="detail-icon"></i>
                    </ion-item>
                  </ng-container>
                  </ng-container>
                  <ng-template #showCondition>
                    <ng-container
                    *ngIf="(item.value && item.value && it.showCondition && (it.showCondition.indexOf(item.value) > -1 || item.value.indexOf(it.showCondition) > -1 ) ||  !it.showCondition)">
                    <ion-item class="post-item">
                      <ion-label>{{it.label}}</ion-label>
                      <input type="text" [attr.placeholder]="it.placeHolder" (focus)="openModalMoreEditInfo(it)"
                        class="displayno">
                      <span class="input" style="display: inline-block;" appDebounceClick (debounceClick)="openModalMoreEditInfo(it)"
                        *ngIf="it.showValue && it.showValue !== ''" [innerHTML]="it.showValue | parseStyle"><span
                          class="jointEnd" *ngIf="it.extra">{{it.extra}}</span></span>
                      <span class="input lightgrey" appDebounceClick (debounceClick)="openModalMoreEditInfo(it)"
                        *ngIf="!it.showValue || it.showValue === ''">{{it.placeHolder}}<span class="jointEnd"
                          *ngIf="it.extra">{{it.extra}}</span></span>
  
                      <i class="detail-icon"></i>
                    </ion-item>
                  </ng-container>  
                  </ng-template>
                  
                  
               </ng-container>
  
                <!-- multipleColumnSelect -->
                <ng-container *ngSwitchCase="'multipleColumnSelect'">
                 
                    <ng-container
                    *ngIf="(item.value && item.value && it.showCondition && (it.showCondition.indexOf(item.value) > -1 || item.value.indexOf(it.showCondition) > -1 ) ||  !it.showCondition)">
                    <ion-item class="post-item" appDebounceClick (debounceClick)="showMultipleColumnSelect(it)">
                      <ion-label>{{it.label}}</ion-label>
                      <span class="input"
                        *ngIf="it.showValue && it.showValue !== '' && it.showValue.length ">{{it.showValue}}</span>
                      <span class="input lightgrey"
                        *ngIf="it.showValue === '' || it.showValue === undefined || !it.showValue.length">{{it.placeHolder}}</span>
                      <i class="select-span"></i>
                    </ion-item>
          
                  </ng-container>  
                  
               </ng-container>
  
              </ng-container>
   
            </ng-container>
  
          </ng-container>
  
          <!-- 行业多选 -->
          <ng-container *ngSwitchCase="'modalMultipleSelect'">
            <ion-item class="post-item">
              <ion-label *ngIf="item.label && item.label.length > 0">{{item.label}}</ion-label>
              <input type="text" [attr.placeholder]="item.placeHolder" (focus)="openMultipleModal(item)"
                [formControlName]="item.formKey" class="displayno">
              <span class="input"  appDebounceClick (debounceClick)="openMultipleModal(item)" [ngStyle]="item.valueCssStyle | styleFilter" 
                *ngIf="item.value && item.value !== '' && item.value.length ">{{item.showValue}}</span>
              <span class="input lightgrey" [ngStyle]="item.placeholderCssStyle | styleFilter"  appDebounceClick (debounceClick)="openMultipleModal(item)"
                *ngIf="!item.value">{{item.placeHolder}}</span>
              <i class="detail-icon"></i>
            </ion-item>
          </ng-container>
  
          <!-- 行业多选 LJ-->
          <ng-container *ngSwitchCase="'modalMultipleSelectLJ'">
  
            <div class="lj-post-item">
              <p class="lj-post-item-label">
                {{item.label}}
              </p>
  
              <p class="lj-picker-bg" appDebounceClick (debounceClick)="openMultipleModal(item)">
                <span *ngIf="item.value && item.value !== '' && item.value.length "
                  [className]="(item.value && !item.disabled) ? 'select-checked' : 'lightgrey'"><i
                    class="lj-picker-left-icon"></i><i class="lj-item-value">{{item.showValue}}</i><i
                    *ngIf="item.del && item.value" class="lj-picker-right-del" appDebounceClick (debounceClick)="deleteValue(item)"></i><i
                    class="lj-right-icon"></i></span>
  
                <span *ngIf="!item.value" [className]="(item.value && !item.disabled) ? 'select-checked' : 'lightgrey'"><i
                    class="lj-picker-left-icon"></i><i class="lj-item-value">{{item.placeHolder}}</i><i
                    *ngIf="item.del && item.value" class="lj-picker-right-del" appDebounceClick (debounceClick)="deleteValue(item)"></i><i
                    class="lj-right-icon"></i></span>
  
              </p>
  
            </div>
          </ng-container>
  
          <!-- 行业单选 -->
          <ng-container *ngSwitchCase="'pickerSelect'">
            <app-text-input [item]="item" (output) = "outputTextInput($event)"> </app-text-input>
  
            <ng-container *ngIf="item.subHtmlObj">
              <ng-container *ngFor="let it of item.subHtmlObj" [ngSwitch]="it.formType">
                <ng-container *ngSwitchCase="'multipleColumnSelect'">
                  <ng-container
                    *ngIf="(item.value && item.value && it.showCondition && it.showCondition.indexOf(item.value) > -1) ||  !it.showCondition">
  
                    <ion-item class="post-item" appDebounceClick (debounceClick)="showMultipleColumnSelect(it)">
                      <ion-label>{{it.label}}</ion-label>
                      <span class="input"
                        *ngIf="it.showValue && it.showValue !== '' && it.showValue.length ">{{it.showValue}}</span>
                      <span class="input lightgrey"
                        *ngIf="it.showValue === '' || it.showValue === undefined || !it.showValue.length">{{it.placeHolder}}</span>
                      <i class="select-span"></i>
                    </ion-item>
                  </ng-container>
  
                </ng-container>
              </ng-container>
  
            </ng-container>
          </ng-container>
  
  
          <!-- 行业单选 LJ-->
          <ng-container *ngSwitchCase="'pickerSelectLJ'">
            <app-text-input [item]="item" (output) = "outputTextInput($event)"> </app-text-input>
          </ng-container>
  
          <!-- 详细地址 -->
          <ng-container *ngSwitchCase="'selectAddressWidget'">
            <ion-item class="post-item" [ngStyle]="item.cssStyle | styleFilter">
              <ion-label [innerHTML] = "item.label | parseStyle"></ion-label>
              <input type="text" [attr.placeholder]="item.placeHolder" (focus)="openModalMoreEditInfo(item)"
                [formControlName]="item.formKey" [(ngModel)]="item.value" class="displayno">
              <span class="input" appDebounceClick (debounceClick)="openModalMoreEditInfo(item)"
                *ngIf="item.value && item.value !== ''" [ngStyle]="item.valueCssStyle | styleFilter" >{{item.value}}</span>
              <span class="input lightgrey" appDebounceClick (debounceClick)="openModalMoreEditInfo(item)"
                *ngIf="!item.value || item.value === ''" [ngStyle]="item.placeholderCssStyle | styleFilter" >{{item.placeHolder}}</span>
              <i class="detail-icon" [ngStyle]="item.endIconCssStyle | styleFilter"></i>
            </ion-item>
          </ng-container>
  
          <!-- 详细地址 LJ-->
          <ng-container *ngSwitchCase="'selectAddressWidgetLJ'">
            <div class="lj-post-item" [ngStyle]="item.cssStyle | styleFilter">
              <p class="lj-post-item-label" [innerHTML] = "item.label | parseStyle">
                
              </p>
              <p class="lj-picker-bg">
  
                <span *ngIf="!item.value || item.value === ''"
                  [className]="(item.value && !item.disabled) ? 'select-checked' : 'lightgrey'"
                  appDebounceClick (debounceClick)="openModalMoreEditInfo(item)"><i class="lj-location-left-icon"></i><i
                    class="lj-item-value">{{item.placeHolder}}</i><i *ngIf="item.del && item.value"
                    class="lj-picker-right-del"></i><i class="lj-right-icon"></i></span>
  
                <span *ngIf="item.value && item.value !== ''"
                  [className]="(item.value && !item.disabled) ? 'select-checked' : 'lightgrey'"
                  appDebounceClick (debounceClick)="openModalMoreEditInfo(item)"><i class="lj-location-left-icon"></i><i
                    class="lj-item-value">{{item.value}}</i><i *ngIf="item.del && item.value"
                    class="lj-picker-right-del"></i><i class="lj-right-icon"></i></span>
  
              </p>
  
            </div>
  
          </ng-container>
          <!-- 城市选择 LJ-->
          <ng-container *ngSwitchCase="'citySelectLJ'">
            <div class="lj-post-item" [ngStyle]="item.cssStyle | styleFilter">
              <p class="lj-post-item-label" *ngIf="item.label && item.label.length > 0"> 
                {{item.label}}
              </p>
              <div class="lj-post-item-city">
                <!-- city -->
                <ng-container *ngIf="!item.hidden">
                  <p class="lj-picker-bg lj-picker-bg-city" appDebounceClick (debounceClick)="openModalCityPage(item)" [ngStyle]="item.valueCssStyle | styleFilter">
                    <span *ngIf="item.showValue && item.showValue !== '' && item.showValue.length "
                      [className]="(item.showValue && !item.disabled) ? 'select-checked' : 'lightgrey'"><i
                        class="lj-item-value lj-item-value-city" [ngStyle]="item.showValueCssStyle | styleFilter">{{item.showValue}}</i>
                        <ng-container *ngIf="item.endIcon && item.endIcon.length > 0 else elseDefIcon">
                          <i class="detail-icon"></i>
                        </ng-container>
                        <ng-template #elseDefIcon>
                          <i class="lj-right-icon"></i>
                        </ng-template>
                      </span>
  
                    <span *ngIf="!item.showValue"
                      [className]="(item.showValue && !item.disabled) ? 'select-checked' : 'lightgrey'"><i
                        class="lj-item-value lj-item-value-city" [ngStyle]="item.showValueCssStyle | styleFilter">{{item.placeHolder}}</i>
                        <ng-container *ngIf="item.endIcon && item.endIcon.length > 0 else elseDefIcon">
                          <i class="detail-icon"></i>
                        </ng-container>
                        <ng-template #elseDefIcon>
                          <i class="lj-right-icon"></i>
                        </ng-template>
                      </span>
  
                  </p>
                </ng-container>
  
                <!-- zone -->
                <!-- 区域多选 -->
                <ng-container *ngIf="item.subHtmlObj &&  item.subHtmlObj[0].formType === 'modalMultipleSelectLJ'">
                  <p class="lj-picker-bg lj-picker-bg-zone" appDebounceClick (debounceClick)="openMultipleModal(item.subHtmlObj[0])" [ngStyle]="item.subHtmlObj[0].valueCssStyle | styleFilter">
                    <span
                      *ngIf="item.subHtmlObj[0].value && item.subHtmlObj[0].value !== '' && item.subHtmlObj[0].value.length "
                      [className]="(item.subHtmlObj[0].value && !item.subHtmlObj[0].disabled) ? 'select-checked' : 'lightgrey'"><i
                        class="lj-item-value lj-item-value-zone" [ngStyle]="item.subHtmlObj[0].showValueCssStyle | styleFilter">{{item.subHtmlObj[0].showValue}}</i>
                        <ng-container *ngIf="item.subHtmlObj[0].endIcon && item.subHtmlObj[0].endIcon.length > 0 else elseDefIcon">
                          <i class="detail-icon"></i>
                        </ng-container>
                        <ng-template #elseDefIcon>
                          <i class="lj-right-icon"></i>
                        </ng-template>
                      </span>
  
                    <span *ngIf="!item.subHtmlObj[0].value"
                      [className]="(item.subHtmlObj[0].value && !item.subHtmlObj[0].disabled) ? 'select-checked' : 'lightgrey'"><i
                        class="lj-item-value lj-item-value-zone " [ngStyle]="item.subHtmlObj[0].showValueCssStyle | styleFilter">{{item.subHtmlObj[0].placeHolder}}</i>
                        <ng-container *ngIf="item.subHtmlObj[0].endIcon && item.subHtmlObj[0].endIcon.length > 0 else elseDefIcon">
                          <i class="detail-icon"></i>
                        </ng-container>
                        <ng-template #elseDefIcon>
                          <i class="lj-right-icon"></i>
                        </ng-template>
                      </span>
  
                  </p>
                </ng-container>
  
                <!-- 区域 单选-->
                <ng-container *ngIf="item.subHtmlObj &&  item.subHtmlObj[0].formType === 'pickerSelectLJ'">
  
                  <p class="lj-picker-bg" [ngStyle]="item.subHtmlObj[0].valueCssStyle | styleFilter">
                    <span 
                      appDebounceClick (debounceClick)="clickOnPickerSelect(item.subHtmlObj[0])"  class="input" style="width: 100%;
                    display: flex;
                    align-items: center;">
                      <span
                        [className]="(item.subHtmlObj[0].value && !item.subHtmlObj[0].disabled) ? 'select-checked' : 'lightgrey'"><i
                          class="lj-item-value" [ngStyle]="item.subHtmlObj[0].showValueCssStyle | styleFilter">{{item.subHtmlObj[0].showValue}}</i>
                          <ng-container *ngIf="item.subHtmlObj[0].endIcon && item.subHtmlObj[0].endIcon.length > 0 else elseDefIcon">
                            <i class="detail-icon"></i>
                          </ng-container>
                          <ng-template #elseDefIcon>
                            <i class="lj-right-icon"></i>
                          </ng-template>
                        </span>
  
                    </span>
  
                  </p>
  
  
                </ng-container>
              </div>
  
  
  
            </div>
          </ng-container>
  
          <!-- 城市选择 -->
          <ng-container *ngSwitchCase="'citySelect'">
            <ng-container *ngIf="!item.hidden">
              <ion-item class="post-item">
                <ion-label *ngIf="item.label && item.label.length > 0" [innerHTML]="item.label | parseStyle"></ion-label>
                <input type="text" [attr.placeholder]="item.placeHolder" (focus)="openModalCityPage(item)"
                  class="displayno">
                <span class="input" appDebounceClick (debounceClick)="openModalCityPage(item)"
                  *ngIf="item.showValue && item.showValue !== ''">{{item.showValue}}</span>
                <span class="input lightgrey" appDebounceClick (debounceClick)="openModalCityPage(item)"
                  *ngIf="!item.showValue || item.showValue === ''">{{item.placeHolder}}</span>
                <i class="detail-icon"></i>
              </ion-item>
            </ng-container>
            <!-- 区域 单选-->
            <ng-container *ngIf="item.subHtmlObj &&  item.subHtmlObj[0].formType === 'pickerSelect'">
  
              <ion-item class="post-item">
                <ion-label *ngIf="item.subHtmlObj[0].label && item.subHtmlObj[0].label.length > 0">{{item.subHtmlObj[0].label}}</ion-label>
  
                <span appDebounceClick (debounceClick)="clickOnPickerSelect(item.subHtmlObj[0],true)"
                   class="input">
                  <span
                    [className]="(item.subHtmlObj[0].value && !item.subHtmlObj[0].disabled) ? 'select-checked' : 'lightgrey'">{{
                    item.subHtmlObj[0].showValue }}</span>
                </span>
                <i class="detail-icon"></i>
              </ion-item>
  
            </ng-container>
  
            <!-- 区域多选 -->
            <ng-container *ngIf="item.subHtmlObj &&  item.subHtmlObj[0].formType === 'modalMultipleSelect'">
              <ion-item class="post-item">
                <ion-label *ngIf="item.subHtmlObj[0].label && item.subHtmlObj[0].label.length > 0">{{item.subHtmlObj[0].label}}</ion-label>
                <input type="text" [attr.placeholder]="item.subHtmlObj[0].placeHolder"
                  (focus)="openMultipleModal(item.subHtmlObj[0],true)" [formControlName]="item.subHtmlObj[0].formKey"
                  class="displayno">
                <span class="input" appDebounceClick (debounceClick)="openMultipleModal(item.subHtmlObj[0],true)"
                  *ngIf="item.subHtmlObj[0].value && item.subHtmlObj[0].value !== '' && item.subHtmlObj[0].value.length ">{{item.subHtmlObj[0].showValue}}</span>
                <span class="input lightgrey" appDebounceClick (debounceClick)="openMultipleModal(item.subHtmlObj[0],true)"
                  *ngIf="!(item.subHtmlObj[0].value)">{{item.subHtmlObj[0].placeHolder}}</span>
                <i class="detail-icon"></i>
              </ion-item>
            </ng-container>
          </ng-container>
  
          <!-- 提示标签 -->
          <ng-container *ngSwitchCase="'hintText'">
            <div id="{{hintId}}" class="hint-text-box" [ngStyle]="item.cssStyle | styleFilter">
              <div [ngStyle]="item.background | styleFilter" class="header-box">
                <div class="top-head-box" [ngStyle]="item.valueCssStyle | styleFilter" >
                  <img src="{{item.leftIcon}}"
                    [ngClass]="{'header-left-img': item.leftBgIcon!==undefined,'header-img':item.leftBgIcon===undefined}"
                    onerror="this.src='assets/img/icon_explain@3x.png'" />
                  <img *ngIf="item.leftBgIcon" src="{{item.leftBgIcon}}" class="header-bg-img"
                    onerror="this.src='assets/fw/recommend-bg1@3x.png'" />
                  <p class="header-p" [ngStyle]="item.fontCssStyle | styleFilter">{{item.tips}} </p>
                  <img *ngIf="item.endIcon" src="{{item.endIcon}}" class="header-close-img" appDebounceClick (debounceClick)="closeHint($event)"
                    onerror="this.src='assets/fw/home_icon_close1@3x.png'" />
                </div>
                <div class="show-value-box" *ngIf="item.showValue">
                  <div class="show-value-font" [innerHTML]="item.showValue | parseStyle"></div>
                </div>
              </div>
  
            </div>
          </ng-container>
  
          <!-- 发布小控件 -->
          <ng-container *ngSwitchCase="'releaseTypeWidget'">
            <ul class="type-bg">
              <ng-container *ngIf="item.itemList[0]&&item.itemList[0].index==='1'">
                <div class="index-box-1">
                  <ng-container *ngFor="let li of item.itemList">
  
                    <ng-container *ngIf="li.value==='0' && li.index==='1'">
                      <p class="item-content item-label-p">{{li.label}}</p>
                    </ng-container>
                    <ng-container *ngIf="li.value!=='0' && li.index==='1'">
  
                      <li class="type-item" appDebounceClick (debounceClick)="chooseReleaseType(item,li)" *ngIf="li.index==='1'">
                        <div class="item-bg" [ngClass]="{'check': li.check}" [ngStyle]="item.cssStyle|styleFilter">
                          <p class="item-content" [ngClass]="{'check': li.check}">{{li.label}}</p>
                        </div>
                      </li>
                    </ng-container>
  
                  </ng-container>
                </div>
                <div class="index-box-1">
                  <ng-container *ngFor="let li of item.itemList">
  
                    <ng-container *ngIf="li.value==='0' && li.index==='2'">
                      <p class="item-content item-label-p">{{li.label}}</p>
                    </ng-container>
                    <ng-container *ngIf="li.value!=='0' && li.index==='2'">
  
                      <li class="type-item" appDebounceClick (debounceClick)="chooseReleaseType(item,li)" *ngIf="li.index==='2'">
                        <div class="item-bg" [ngClass]="{'check': li.check}" [ngStyle]="item.cssStyle|styleFilter">
                          <p class="item-content" [ngClass]="{'check': li.check}">{{li.label}}</p>
                        </div>
                      </li>
                    </ng-container>
  
  
                  </ng-container>
                </div>
                <div class="index-box-1">
                  <ng-container *ngFor="let li of item.itemList">
                    <ng-container *ngIf="li.value==='0' && li.index==='3'">
                      <p class="item-content item-label-p">{{li.label}}</p>
                    </ng-container>
                    <ng-container *ngIf="li.value!=='0' && li.index==='3'">
  
                      <li class="type-item" appDebounceClick (debounceClick)="chooseReleaseType(item,li)" *ngIf="li.index==='3'">
                        <div class="item-bg" [ngClass]="{'check': li.check}" [ngStyle]="item.cssStyle|styleFilter">
                          <p class="item-content" [ngClass]="{'check': li.check}">{{li.label}}</p>
                        </div>
                      </li>
                    </ng-container>
                  </ng-container>
                </div>
              </ng-container>
              <ng-container *ngIf="item.itemList[0]&&item.itemList[0].index==='0'">
                <li *ngFor="let li of item.itemList" class="type-item" appDebounceClick (debounceClick)="chooseReleaseType(item,li)">
                  <div class="item-js-bg" [ngClass]="{'check': li.check}">
                    <p class="item-content" [ngClass]="{'check': li.check}">{{li.label}}</p>
                  </div>
                </li>
              </ng-container>
            </ul>
          </ng-container>
  
          <ng-container *ngSwitchCase="'quickRelease'">
            <div class="quick-bg" appDebounceClick (debounceClick)="changeItemobjValidator(item,'quickRelease')">
              <ng-container *ngIf="appTypeCustom==='LJ'">
                <ng-container *ngIf="item.value === 'true'">
                  <img src="assets/icon/quick_release_checked_lj@3x.png" class="release-check">
                </ng-container>
              </ng-container>
              <ng-container *ngIf="appTypeCustom!=='LJ'">
                <ng-container *ngIf="item.value === 'true'">
                  <img src="assets/icon/quick_release_checked@3x.png" class="release-check">
                </ng-container>
              </ng-container>
              <ng-container *ngIf="item.value !== 'true'">
                <img src="assets/icon/release_icon_unchecked@3x.png" class="release-uncheck">
              </ng-container>
              <span class="release-label">{{item.label}}</span>
            </div>
          </ng-container>
  
          <ng-container *ngSwitchCase="'checkBox'">
            <app-text-input [item]="item" (output) = "outputTextInput($event)"> </app-text-input>
          </ng-container>
  
          <!--  举报 -->
          <ng-container *ngSwitchCase="'showSingleSelect'">
            <div [ngStyle]="item.cssStyle | styleFilter">
              <ion-item class="post-item" lines="none" *ngIf="item.label && item.label.length > 0">
                <label style="color: #858894;font-size: 0.88rem; width: 100%;"
                  [innerHTML]="item.label | parseStyle"></label>
                <ng-container *ngIf="item.link !== undefined">
  
                  <img class="icon-map" style="margin-right: 0.19rem;" *ngIf="item.link.icon" width="8%"
                    src="assets/icon/{{item.link.icon}}" alt="" appDebounceClick (debounceClick)="showMessage(item.link)">
                  <!-- {{item.link.icon}} icon_help_notes@3x.png-->
                  <span class="jointEnd" style="font-size: 0.75rem; white-space: nowrap;" *ngIf="item.link.label"
                    appDebounceClick (debounceClick)="showMessage(item.link)">{{item.link.label}}</span>
                </ng-container>
  
              </ion-item>
  
              <ul style="padding-left:1rem;padding-right:1rem">
                <li *ngFor="let info of item.itemList,let i=index" class="li-bg"
                  appDebounceClick (debounceClick)="changeItemobjValidator(item,'showSingleSelect',info)">
                  <ng-container *ngIf="appTypeCustom==='LJ'">
                    <ng-container *ngIf="info.check">
                      <img src="assets/icon/quick_release_checked_lj@3x.png" class="release-check">
                    </ng-container>
                  </ng-container>
                  <ng-container *ngIf="appTypeCustom!=='LJ'">
                    <ng-container *ngIf="info.check">
                      <img src="assets/icon/quick_release_checked@3x.png" class="release-check">
                    </ng-container>
                  </ng-container>
                  <ng-container *ngIf="!info.check">
                    <img src="assets/icon/release_icon_unchecked@3x.png" class="release-uncheck">
                  </ng-container>
                  <span class="li-item">{{info.label}}</span>
                  <ng-container *ngIf="info.check && info.formObj && info.formObj.length > 0">
                    <!-- 选项增加表单项 -->
                    <ng-container *ngFor="let it of info.formObj" [ngSwitch]="it.formType">
                      <ng-container *ngSwitchCase="'textInput'">
  
                        <app-text-input [item]="it" (output) = "outputTextInput($event)"> </app-text-input>
  
                      </ng-container>
                    </ng-container>
                  </ng-container>
  
                </li>
              </ul>
            </div>
  
  
            <ng-container *ngIf="item.subHtmlObj">
              <ng-container *ngFor="let it of item.subHtmlObj" [ngSwitch]="it.formType">
                <ng-container *ngSwitchCase="'textInput'">
                  <ng-container
                    *ngIf="(item.value && item.value && it.showCondition && it.showCondition.indexOf(item.value) > -1) ||  !it.showCondition">
                    <app-text-input [item]="it" (output) = "outputTextInput($event)"> </app-text-input>
                  </ng-container>
  
                </ng-container>
                <!--modal 编辑更多项目 -->
                <ng-container *ngSwitchCase="'modalOfMoreItems'">
                  <ng-container
                    *ngIf="(item.value && item.value && it.showCondition && (it.showCondition.indexOf(item.value) > -1 || item.value.indexOf(it.showCondition) > -1 ) ||  !it.showCondition)">
                    <ion-item class="post-item" [ngStyle]="it.cssStyle | styleFilter">
                      <ion-label [ngStyle]="it.labelCssStyle | styleFilter">{{it.label}}</ion-label>
                      <input type="text" [attr.placeholder]="it.placeHolder" (focus)="openModalMoreEditInfo(it)"
                        class="displayno">
                      <span class="input" style="display: inline-block;" appDebounceClick (debounceClick)="openModalMoreEditInfo(it)"
                        *ngIf="it.showValue && it.showValue !== ''" [innerHTML]="it.showValue | parseStyle"><span
                          class="jointEnd" *ngIf="it.extra">{{it.extra}}</span></span>
                      <span class="input lightgrey" appDebounceClick (debounceClick)="openModalMoreEditInfo(it)"
                        *ngIf="!it.showValue || it.showValue === ''">{{it.placeHolder}}<span class="jointEnd"
                          *ngIf="it.extra">{{it.extra}}</span></span>
  
                      <i class="detail-icon"></i>
                    </ion-item>
                  </ng-container>
  
                </ng-container>
  
  
  
                <!-- 面积区间 -->
                <ng-container *ngSwitchCase="'areaSlot'">
                  <ng-container
                    *ngIf="(item.value && it.showCondition && it.showCondition.indexOf(item.value) > -1) ||  !it.showCondition">
  
                    <ion-item class="post-item">
                      <ion-label *ngIf="it.label && it.label !== ''">{{it.label}}</ion-label>
                      <span class="before-txt" *ngIf="it.subHtmlObj[0].beforeTxt">{{it.subHtmlObj[0].beforeTxt}}</span>
                      <ion-input type="number" onkeyup="value=value.replace(/[^\d\.]/g,'')"
                        onafterpaste="if((value===''))execCommand('undo')"
                        onKeypress="return(/[\d\.]/.test(String.fromCharCode(event.keyCode)))"
                        [ngClass]="{'number-center': it.subHtmlObj[0].beforeTxt}"
                        (ionChange)="areaSlotchange($event, it,0)" [(ngModel)]="it.subHtmlObj[0].value"
                        [maxlength]="it.subHtmlObj[0].maxLength" [attr.placeholder]="it.subHtmlObj[0].placeHolder"
                        [formControlName]="it.subHtmlObj[0].formKey">
                      </ion-input>
                      <span class="before-txt" *ngIf="it.subHtmlObj[0].afterTxt">{{it.subHtmlObj[0].afterTxt}}</span>
                      <span style="width:0.03rem;
                  height:0.94rem;
                  background:rgba(182,183,191,1);margin-right: 1.25rem;padding-left: 1px;margin-left: 1.25rem;"></span>
                      <span class="before-txt" *ngIf="it.subHtmlObj[1].beforeTxt">{{it.subHtmlObj[1].beforeTxt}}</span>
                      <ion-input type="number" onkeyup="value=value.replace(/[^\d\.]/g,'')"
                        onafterpaste="if((value===''))execCommand('undo')"
                        onKeypress="return(/[\d\.]/.test(String.fromCharCode(event.keyCode)))"
                        [ngClass]="{'number-center': it.subHtmlObj[1].beforeTxt}"
                        (ionChange)="areaSlotchange($event, it,1)" [(ngModel)]="it.subHtmlObj[1].value"
                        [maxlength]="it.subHtmlObj[1].maxLength" [attr.placeholder]="it.subHtmlObj[1].placeHolder"
                        [formControlName]="it.subHtmlObj[1].formKey">
                      </ion-input>
                      <span class="before-txt" *ngIf="it.subHtmlObj[1].afterTxt">{{it.subHtmlObj[1].afterTxt}}</span>
                      <!-- 行尾文字 -->
                      <span class="jointEnd" *ngIf="it.extra">{{it.extra}}</span>
                      <!-- 租金单位 -->
                      <ng-container *ngIf="it.subHtmlObj && it.subHtmlObj.length === 3">
                        <input type="text" (focus)="showActionSheet(it.subHtmlObj[2])"
                          [formControlName]="it.subHtmlObj[0].formKey" class="displayno">
                        <span class="single-picker"
                          appDebounceClick (debounceClick)="showActionSheet(it.subHtmlObj[2])">{{it.subHtmlObj[2].showValue}}
                          <i class="right-img"></i>
                        </span>
                      </ng-container>
                    </ion-item>
                  </ng-container>
                </ng-container>
  
                <ng-container *ngSwitchCase="'selectAddressWidget'">
                  <ng-container
                    *ngIf="(item.value && it.showCondition && it.showCondition.indexOf(item.value) > -1) ||  !it.showCondition">
  
                    <ion-item class="post-item" [ngStyle]="it.cssStyle | styleFilter">
                      <ion-label>{{it.label}}</ion-label>
                      <input type="text" [attr.placeholder]="it.placeHolder" (focus)="openModalMoreEditInfo(it)"
                        class="displayno">
                      <span class="input" appDebounceClick (debounceClick)="openModalMoreEditInfo(it)"
                        *ngIf="it.value && it.value !== ''">{{it.value}}</span>
                      <span class="input lightgrey" appDebounceClick (debounceClick)="openModalMoreEditInfo(it)"
                        *ngIf="!it.value || it.value === ''">{{it.placeHolder}}</span>
                      <i class="detail-icon" [ngStyle]="it.endIconCssStyle | styleFilter"></i>
                    </ion-item>
                  </ng-container>
                </ng-container>
  
                <!-- 多行备注 -->
                <ng-container *ngSwitchCase="'textArea'">
                  <ng-container
                    *ngIf="(item.value && it.showCondition && it.showCondition.indexOf(item.value) > -1) ||  !it.showCondition">
                    <app-text-input [item]="it" (output) = "outputTextInput($event)"> </app-text-input>

                  </ng-container>
                </ng-container>
                <!-- 合同 -->
                <ng-container *ngSwitchCase="'photoSelectWidget'">
                  <ng-container
                    *ngIf="(item.value && it.showCondition && it.showCondition.indexOf(item.value) > -1) ||  !it.showCondition">
                    <app-photo-select [tagData]="it" (updateUrl)="updateUrlHandler($event)"></app-photo-select>
                  </ng-container>
  
                </ng-container>
  
  
              </ng-container>
  
            </ng-container>
          </ng-container>
  
          <!-- 独立分割线 -->
          <ng-container *ngSwitchCase="'sepline'">
            <div class="sepline-bg" [ngStyle]="item.cssStyle | styleFilter">
              <hr class="sepline" [ngStyle]="item.valueCssStyle | styleFilter">

            </div>
  
          </ng-container>
          <ng-container *ngSwitchCase="'grayItem'">
            <div class="gray-item" [ngStyle]="item.cssStyle | styleFilter"></div>
          </ng-container>
  
          <!-- 模态 编辑更多信息 -->
          <ng-container *ngSwitchCase="'modalEditMoreInfo'">
            <ion-item class="post-item" lines="inset" style="text-align: center;" appDebounceClick (debounceClick)="openModalMoreEditInfo(item)">
              <label style="color: #858894;font-size: 0.88rem; width: 100%;">{{item.tips}}<i
                  class="more-icon"></i></label>
            </ion-item>
          </ng-container>
  
          <!-- 左邻右舍 ,-->
          <ng-container *ngSwitchCase="'commaSpliceShowValueForm'">
            <div class="post-item post-item-div"  [ngStyle]="item.cssStyle | styleFilter" [ngClass]="{'border-none': item.lines === 'none'}">
              <input type="text" [attr.placeholder]="item.placeHolder" (focus)="openModalMoreEditInfo(item)"
                class="displayno">
              <span class="input" appDebounceClick (debounceClick)="openModalMoreEditInfo(item)"
                *ngIf="item.showValue && item.showValue !== ''">{{item.showValue}}</span>
              <span class="input lightgrey" appDebounceClick (debounceClick)="openModalMoreEditInfo(item)"
                *ngIf="!item.showValue || item.showValue === ''">{{item.placeHolder}}</span>
              <i class="detail-icon"></i>
            </div>
  
          </ng-container>
  
          <!-- 营业时间段  [(ngModel)]="item.subHtmlObj[1].showValue"-->
          <ng-container *ngSwitchCase="'timeSlot'">
            <app-text-input [item]="item" (output) = "outputTextInput($event)"> </app-text-input>

          </ng-container>
  
          <!-- 面积区间 -->
          <ng-container *ngSwitchCase="'areaSlot'">
            <div class="post-item post-item-div"  [ngStyle]="item.cssStyle | styleFilter" [ngClass]="{'border-none': item.lines === 'none'}">

              <ion-label *ngIf="item.label && item.label.length > 0" [ngStyle]="item.labelCssStyle | styleFilter"  [innerHTML]="item.label | parseStyle">
              </ion-label>
              <span class="before-txt" *ngIf="item.subHtmlObj[0].beforeTxt">{{item.subHtmlObj[0].beforeTxt}}</span>
              <ion-input type="number" onkeyup="value=value.replace(/[^\d\.]/g,'')"
                onafterpaste="if((value===''))execCommand('undo')"
                onKeypress="return(/[\d\.]/.test(String.fromCharCode(event.keyCode)))" style="--padding-end:0;"
                [ngClass]="{'number-center': item.subHtmlObj[0].beforeTxt}" (ionChange)="areaSlotchange($event, item,0)"
                [(ngModel)]="item.subHtmlObj[0].value" [maxlength]="item.subHtmlObj[0].maxLength"
                [attr.placeholder]="item.subHtmlObj[0].placeHolder" [formControlName]="item.subHtmlObj[0].formKey">
  
              </ion-input>
              <span class="before-txt" *ngIf="item.subHtmlObj[0].afterTxt">{{item.subHtmlObj[0].afterTxt}}</span>
              <span *ngIf="item.label && item.label.length > 0" style="width:0.03rem;
          height:0.94rem;
          background:rgba(182,183,191,1);margin-right: 1.25rem;padding-left: 1px;margin-left: 1.25rem;"></span>
              <span class="before-txt" *ngIf="item.subHtmlObj[1].beforeTxt">{{item.subHtmlObj[1].beforeTxt}}</span>
              <ion-input type="number" onkeyup="value=value.replace(/[^\d\.]/g,'')"
                onafterpaste="if((value===''))execCommand('undo')"
                onKeypress="return(/[\d\.]/.test(String.fromCharCode(event.keyCode)))" style="--padding-end:0;"
                [ngClass]="{'number-center': item.subHtmlObj[1].beforeTxt}" (ionChange)="areaSlotchange($event, item,1)"
                [(ngModel)]="item.subHtmlObj[1].value" [maxlength]="item.subHtmlObj[1].maxLength"
                [attr.placeholder]="item.subHtmlObj[1].placeHolder" [formControlName]="item.subHtmlObj[1].formKey">
              </ion-input>
              <span class="before-txt" *ngIf="item.subHtmlObj[1].afterTxt">{{item.subHtmlObj[1].afterTxt}}</span>
              <!-- 行尾文字 -->
              <span class="jointEnd" *ngIf="item.extra">{{item.extra}}</span>
              <!-- 租金单位 -->
              <ng-container *ngIf="item.subHtmlObj && item.subHtmlObj.length === 3">
                <input type="text" (focus)="showActionSheet(item.subHtmlObj[2])"
                  [formControlName]="item.subHtmlObj[0].formKey" class="displayno">
                <span class="single-picker" appDebounceClick (debounceClick)="showActionSheet(item.subHtmlObj[2])">{{item.subHtmlObj[2].showValue}}
                  <i class="right-img"></i>
                </span>
              </ng-container>
            </div>
          </ng-container>
  
          <!--modal 描述 -->
          <ng-container *ngSwitchCase="'modalOfTextArea'">
            <div class="post-item post-item-div"  [ngStyle]="item.cssStyle | styleFilter" [ngClass]="{'border-none': item.lines === 'none'}">

              <ion-label *ngIf="item.label && item.label.length > 0" [ngStyle]="item.labelCssStyle | styleFilter"  [innerHTML]="item.label | parseStyle">
              </ion-label>
              <input type="text" [attr.placeholder]="item.placeHolder" (focus)="openModalMoreEditInfo(item)"
                class="displayno">
              <span class="input" [ngStyle]="item.valueCssStyle | styleFilter" appDebounceClick (debounceClick)="openModalMoreEditInfo(item)"
                *ngIf="item.showValue && item.showValue !== ''">{{item.showValue}}</span>
              <span class="input lightgrey" [ngStyle]="item.placeholderCssStyle | styleFilter" appDebounceClick (debounceClick)="openModalMoreEditInfo(item)"
                *ngIf="!item.showValue || item.showValue === ''">{{item.placeHolder}}</span>
                <i class="detail-icon" [ngStyle]="item.endIconCssStyle | styleFilter"></i>
            </div>
          </ng-container>
  
          <!--modal 编辑更多项目 -->
          <ng-container *ngSwitchCase="'modalOfMoreItems'">
            <div class="post-item post-item-div"  [ngStyle]="item.cssStyle | styleFilter" [ngClass]="{'border-none': item.lines === 'none'}">

              <ion-label *ngIf="item.label && item.label.length > 0" [ngStyle]="item.labelCssStyle | styleFilter"  [innerHTML]="item.label | parseStyle">
              </ion-label>
              <input type="text" [attr.placeholder]="item.placeHolder" (focus)="openModalMoreEditInfo(item)"
                class="displayno">
              <span class="input" style="display: inline-block;" appDebounceClick (debounceClick)="openModalMoreEditInfo(item)"
                *ngIf="item.showValue && item.showValue !== ''" [ngStyle]="item.valueCssStyle | styleFilter" [innerHTML]="item.showValue | parseStyle"><span
                  class="jointEnd" *ngIf="item.extra">{{item.extra}}</span></span>
              <span class="input lightgrey" [ngStyle]="item.placeholderCssStyle | styleFilter" appDebounceClick (debounceClick)="openModalMoreEditInfo(item)"
                *ngIf="!item.showValue || item.showValue === ''">{{item.placeHolder}}<span class="jointEnd"
                  *ngIf="item.extra">{{item.extra}}</span></span>
  
                  <i class="detail-icon" [ngStyle]="item.endIconCssStyle | styleFilter"></i>
            </div>
          </ng-container>
          <!--tipsMessage 提示 -->
          <ng-container *ngSwitchCase="'tipsMessage'">
            <div style="height: 3.44rem; line-height: 3.44rem; box-shadow: 0rem 0.03rem 0rem 0rem rgba(235,235,237,1);">
              <img class="tips-icon" src="assets/icon/{{item.leftIcon}}" alt="">
              <p class="tips-label">{{item.label}}</p>
            </div>
  
          </ng-container>
          <ng-container *ngSwitchCase="'tipsItem'">
            <div class="post-item post-item-div"  [ngStyle]="item.cssStyle | styleFilter" [ngClass]="{'border-none': item.lines === 'none'}">

              <ion-label *ngIf="item.label && item.label.length > 0" [ngStyle]="item.labelCssStyle | styleFilter"  [innerHTML]="item.label | parseStyle">
              </ion-label>
              <ion-input [value]=item.value [readonly]="true" [ngStyle]="{'color': item.valueColor}">
              </ion-input>
            </div>
          </ng-container>
  
          <ng-container *ngSwitchCase="'moreDetailInfo'">
            <div id="moreDetailInfo{{hintId}}" [ngClass]="{'hidden-detail-info': item.hidden}">
              <ng-container *ngIf="item.subHtmlObj">
                <ng-container *ngFor="let it of item.subHtmlObj" [ngSwitch]="it.formType">
                  <ng-container *ngSwitchCase="'textInput'">
                    <ng-container
                      *ngIf="(item.value && it.showCondition && it.showCondition.indexOf(item.value) > -1) ||  !it.showCondition">
                      <app-text-input [item]="it" (output) = "outputTextInput($event)"> </app-text-input>
                    </ng-container>
      
                  </ng-container>
                  <!-- 面积区间 -->
                  <ng-container *ngSwitchCase="'areaSlot'">
    
                    <ion-item class="post-item">
                      <ion-label *ngIf="it.label && it.label !== ''">{{it.label}}</ion-label>
                      <span class="before-txt" *ngIf="it.subHtmlObj[0].beforeTxt">{{it.subHtmlObj[0].beforeTxt}}</span>
                      <ion-input type="number" onkeyup="value=value.replace(/[^\d\.]/g,'')"
                        onafterpaste="if((value===''))execCommand('undo')"
                        onKeypress="return(/[\d\.]/.test(String.fromCharCode(event.keyCode)))" style="--padding-end:0;"
                        [ngClass]="{'number-center': it.subHtmlObj[0].beforeTxt}" (ionChange)="areaSlotchange($event, it,0)"
                        [(ngModel)]="it.subHtmlObj[0].value" [maxlength]="it.subHtmlObj[0].maxLength"
                        [attr.placeholder]="it.subHtmlObj[0].placeHolder" [formControlName]="it.subHtmlObj[0].formKey">
                      </ion-input>
                      <span class="before-txt" *ngIf="it.subHtmlObj[0].afterTxt">{{it.subHtmlObj[0].afterTxt}}</span>
                      <span style="width:0.03rem;
                  height:0.94rem;
                  background:rgba(182,183,191,1);margin-right: 1.25rem;padding-left: 1px;margin-left: 1.25rem;"></span>
                      <span class="before-txt" *ngIf="it.subHtmlObj[1].beforeTxt">{{it.subHtmlObj[1].beforeTxt}}</span>
                      <ion-input type="number" onkeyup="value=value.replace(/[^\d\.]/g,'')"
                        onafterpaste="if((value===''))execCommand('undo')"
                        onKeypress="return(/[\d\.]/.test(String.fromCharCode(event.keyCode)))" style="--padding-end:0;"
                        [ngClass]="{'number-center': it.subHtmlObj[1].beforeTxt}" (ionChange)="areaSlotchange($event, it,1)"
                        [(ngModel)]="it.subHtmlObj[1].value" [maxlength]="it.subHtmlObj[1].maxLength"
                        [attr.placeholder]="it.subHtmlObj[1].placeHolder" [formControlName]="it.subHtmlObj[1].formKey">
                      </ion-input>
                      <span class="before-txt" *ngIf="it.subHtmlObj[1].afterTxt">{{it.subHtmlObj[1].afterTxt}}</span>
                      <!-- 行尾文字 -->
                      <span class="jointEnd" *ngIf="it.extra">{{it.extra}}</span>
                      <!-- 租金单位 -->
                      <ng-container *ngIf="it.subHtmlObj && it.subHtmlObj.length === 3">
                        <input type="text" (focus)="showActionSheet(it.subHtmlObj[2])"
                          [formControlName]="it.subHtmlObj[0].formKey" class="displayno">
                        <span class="single-picker"
                          appDebounceClick (debounceClick)="showActionSheet(it.subHtmlObj[2])">{{it.subHtmlObj[2].showValue}}
                          <i class="right-img"></i>
                        </span>
                      </ng-container>
                    </ion-item>
                  </ng-container>
    
                  <ng-container *ngSwitchCase="'selectAddressWidget'">
                    <ion-item class="post-item" [ngStyle]="it.cssStyle | styleFilter">
                      <ion-label>{{it.label}}</ion-label>
                      <input type="text" [attr.placeholder]="it.placeHolder" (focus)="openModalMoreEditInfo(it)"
                        class="displayno">
                      <span class="input" appDebounceClick (debounceClick)="openModalMoreEditInfo(it)"
                        *ngIf="it.value && it.value !== ''">{{it.value}}</span>
                      <span class="input lightgrey" appDebounceClick (debounceClick)="openModalMoreEditInfo(it)"
                        *ngIf="!it.value || it.value === ''">{{it.placeHolder}}</span>
                      <i class="detail-icon" [ngStyle]="it.endIconCssStyle | styleFilter"></i>
                    </ion-item>
                  </ng-container>
    
    
                  <!--  身份验证 -->
                  <ng-container *ngSwitchCase="'uploadIdentityWidget'">
                    <ion-item class="post-item" lines="none" [ngStyle]="it.cssStyle | styleFilter">
                      <ion-label>{{it.label}}</ion-label>
                    </ion-item>
                    <app-upload-identity [items]="it.subHtmlObj" (updateIdentity)="updateIdentityHandler($event)">
                    </app-upload-identity>
                  </ng-container>
                  <!-- 发布店铺图片 -->
                  <ng-container *ngSwitchCase="'addReleasePhoto'">
                    <app-photo-select [tagData]="it" (updateUrl)="updateUrlHandler($event)"></app-photo-select>
                  </ng-container>
                  <!--  备注图片选择 -->
                  <ng-container *ngSwitchCase="'photoSelectWidget'">
                    <app-photo-select [tagData]="it" (updateUrl)="updateUrlHandler($event)"></app-photo-select>
                  </ng-container>
                  <!--  底部弹窗单选 -->
                  <ng-container *ngSwitchCase="'singleColumnSelect'">
                    <div class="post-item post-item-div"  [ngStyle]="it.cssStyle | styleFilter" [ngClass]="{'border-none': it.lines === 'none'}">
                      <ion-label *ngIf="it.label && it.label !== ''" [ngStyle]="it.labelCssStyle | styleFilter">{{it.label}}</ion-label>
                      <input type="text" [attr.placeholder]="it.placeHolder" (focus)="showActionSheet(it)"
                        [formControlName]="it.formKey" class="displayno">
                      <span class="input" appDebounceClick (debounceClick)="showActionSheet(it)" *ngIf="it.showValue">{{it.showValue}}</span>
                      <span class="input lightgrey" appDebounceClick (debounceClick)="showActionSheet(it)"
                        *ngIf="!it.showValue">{{it.placeHolder}}</span>
                      <i class="detail-icon"></i>
                    </div>
    
    
                  </ng-container>
    
                  <!-- 多行备注 -->
                  <ng-container *ngSwitchCase="'textArea'">
                    <app-text-input [item]="it" (output) = "outputTextInput($event)"> </app-text-input>

    
                  </ng-container>
    
                  <!-- 时间选择  -->
                  <ng-container *ngSwitchCase="'datePicker'">
                    <app-text-input [item]="it" (output) = "outputTextInput($event)"> </app-text-input>    
                  </ng-container>
    
                  <!-- 时间选择  -->
                  <ng-container *ngSwitchCase="'datePlug'">
                    <app-text-input [item]="it" (output) = "outputTextInput($event)"> </app-text-input>
                  </ng-container>
    
    
                  <!-- btn 切换 -->
                  <ng-container *ngSwitchCase="'switchButton'">
                    <app-text-input [item]="it" (output) = "outputTextInput($event)"> </app-text-input>
                  </ng-container>
                  <!--  合同凭证 -->
                  <ng-container *ngSwitchCase="'contractSelectWidget'">
                    <ion-item class="post-item" lines="none">
                      <!--  -->
                      <ion-label>{{it.label}}</ion-label>
                      <label for="toggle{{it.formKey}}" class="contract-check" style="display: inline-block"
                        appDebounceClick (debounceClick)="changeItemobjValidator(it,'contractSelectWidget')">
                        <i [ngClass]="{'check': it.value === 'true', 'uncheck':it.value !== 'true'}"> </i>
                      </label>
                      <span style="font-size: 1rem">{{it.tips}}</span>
    
                    </ion-item>
                    <hr *ngIf="it.value !== 'true'" style="border-bottom: solid 0.03rem #EBEBED;margin: 0 1.25rem;">
                    <ng-container *ngIf="it.value === 'true'">
                      <app-photo-select [tagData]="it.subHtmlObj[0]" (updateUrl)="updateUrlHandler($event)">
                      </app-photo-select>
                      <app-text-input [item]="it.subHtmlObj[1]" (output) = "outputTextInput($event)"> </app-text-input>
                    </ng-container>
    
    
                  </ng-container>
    
                  <!-- 中间弹窗多选 -->
                  <ng-container *ngSwitchCase="'multipleColumnSelect'">
                    <ion-item class="post-item" appDebounceClick (debounceClick)="showMultipleColumnSelect(it)">
                      <ion-label>{{it.label}}</ion-label>
                      <span class="input"
                        *ngIf="it.showValue && it.showValue !== '' && it.showValue.length ">{{it.showValue}}</span>
                      <span class="input lightgrey"
                        *ngIf="it.showValue === '' || it.showValue === undefined || !it.showValue.length">{{it.placeHolder}}</span>
                      <i class="select-span"></i>
                    </ion-item>
    
                  </ng-container>
                  </ng-container>
                  <!-- 行业多选 -->
                  <ng-container *ngSwitchCase="'modalMultipleSelect'">
                    <ion-item class="post-item">
                      <ion-label *ngIf="it.label && it.label.length > 0">{{it.label}}</ion-label>
                      <input type="text" [attr.placeholder]="it.placeHolder" (focus)="openMultipleModal(it)"
                        [formControlName]="it.formKey" class="displayno">
                      <span class="input" appDebounceClick (debounceClick)="openMultipleModal(it)"
                        *ngIf="it.value && it.value !== '' && it.value.length ">{{it.showValue}}</span>
                      <span class="input lightgrey" appDebounceClick (debounceClick)="openMultipleModal(it)"
                        *ngIf="!it.value">{{it.placeHolder}}</span>
                      <i class="detail-icon"></i>
                    </ion-item>
                  </ng-container>
    
                  <!-- 行业单选 -->
                  <ng-container *ngSwitchCase="'pickerSelect'">
                    <app-text-input [item]="it" (output) = "outputTextInput($event)"> </app-text-input>
                  </ng-container>
    
                  <!-- 城市选择 -->
                  <ng-container *ngSwitchCase="'citySelect'">
                    <ng-container *ngIf="!it.hidden">
                      <ion-item class="post-item">
                        <ion-label  *ngIf="it.label && it.label.length > 0">{{it.label}}</ion-label>
                        <input type="text" [attr.placeholder]="it.placeHolder" (focus)="openModalCityPage(it)"
                          class="displayno">
                        <span class="input" appDebounceClick (debounceClick)="openModalCityPage(it)"
                          *ngIf="it.showValue && it.showValue !== ''">{{it.showValue}}</span>
                        <span class="input lightgrey" appDebounceClick (debounceClick)="openModalCityPage(it)"
                          *ngIf="!it.showValue || it.showValue === ''">{{it.placeHolder}}</span>
                        <i class="detail-icon"></i>
                      </ion-item>
                    </ng-container>
                    <!-- 区域 单选-->
                    <ng-container *ngIf="it.subHtmlObj &&  it.subHtmlObj[0].formType === 'pickerSelect'">
                      
                      <div class="post-item post-item-div"  [ngStyle]="it.subHtmlObj[0].cssStyle | styleFilter" [ngClass]="{'border-none': it.subHtmlObj[0].lines === 'none'}">
                    
                          <ion-label [ngStyle]="it.subHtmlObj[0].labelCssStyle | styleFilter">{{it.subHtmlObj[0].label}}</ion-label>
    
                        <span appDebounceClick (debounceClick)="clickOnPickerSelect(it.subHtmlObj[0],true)"
                           class="input">
                          <span
                            [className]="(it.subHtmlObj[0].value && !it.subHtmlObj[0].disabled) ? 'select-checked' : 'lightgrey'">{{
                            it.subHtmlObj[0].showValue }}</span>
                        </span>
                        <i class="detail-icon"></i>
                      </div>
    
                    </ng-container>
    
                    <!-- 区域多选 -->
                    <ng-container *ngIf="it.subHtmlObj && it.subHtmlObj[0].formType === 'modalMultipleSelect'">
                      <div class="post-item post-item-div"  [ngStyle]="item.subHtmlObj[0].cssStyle | styleFilter" [ngClass]="{'border-none': item.subHtmlObj[0].lines === 'none'}">

                        <ion-label *ngIf="item.subHtmlObj[0].label && item.subHtmlObj[0].label.length > 0" [ngStyle]="item.subHtmlObj[0].labelCssStyle | styleFilter" >{{item.subHtmlObj[0].label}}</ion-label>
          
                        <input type="text" [attr.placeholder]="it.subHtmlObj[0].placeHolder"
                          (focus)="openMultipleModal(it.subHtmlObj[0],true)" [formControlName]="it.subHtmlObj[0].formKey"
                          class="displayno">
                        <span class="input" appDebounceClick (debounceClick)="openMultipleModal(it.subHtmlObj[0],true)"
                          *ngIf="it.subHtmlObj[0].value && it.subHtmlObj[0].value !== '' && it.subHtmlObj[0].value.length ">{{it.subHtmlObj[0].showValue}}</span>
                        <span class="input lightgrey" appDebounceClick (debounceClick)="openMultipleModal(it.subHtmlObj[0],true)"
                          *ngIf="!(it.subHtmlObj[0].value)">{{it.subHtmlObj[0].placeHolder}}</span>
                        <i class="detail-icon"></i>
                      </div>
                    </ng-container>
                  </ng-container>
    
                  <ng-container *ngSwitchCase="'releaseTypeWidget'">
                    <ul class="type-bg">
                      <li *ngFor="let li of it.itemList" class="type-item" appDebounceClick (debounceClick)="chooseReleaseType(it,li)">
                        <div class="item-bg" [ngClass]="{'check': li.check}" [ngStyle]="item.cssStyle|styleFilter">
                          <p class="item-content" [ngClass]="{'check': li.check}">{{li.label}}</p>
                        </div>
                      </li>
                    </ul>
                  </ng-container>
    
                  <ng-container *ngSwitchCase="'quickRelease'">
                    <div class="quick-bg" appDebounceClick (debounceClick)="changeItemobjValidator(item,'quickRelease')">
                      <ng-container *ngIf="appTypeCustom==='LJ'">
                        <ng-container *ngIf="it.value === 'true'">
                          <img src="assets/icon/quick_release_checked_lj@3x.png" class="release-check">
                        </ng-container>
                      </ng-container>
                      <ng-container *ngIf="appTypeCustom!=='LJ'">
                        <ng-container *ngIf="it.value === 'true'">
                          <img src="assets/icon/quick_release_checked@3x.png" class="release-check">
                        </ng-container>
                      </ng-container>
                      <ng-container *ngIf="!it.value === 'true'">
                        <img src="assets/icon/release_icon_unchecked@3x.png" class="release-uncheck">
                      </ng-container>
                      <span class="release-label">{{it.label}}</span>
                    </div>
                  </ng-container>
    
                  <!--  举报 -->
                  <ng-container *ngSwitchCase="'showSingleSelect'">
                    <div [ngStyle]="item.cssStyle | styleFilter">
                      <ion-item class="post-item" lines="none">
                        <label style="color: #858894;font-size: 0.88rem; width: 100%;"
                          [innerHTML]="it.label | parseStyle"></label>
                      </ion-item>
    
                      <ul style="padding-left:1rem;padding-right:1rem">
                        <li *ngFor="let info of it.itemList,let i=index" class="li-bg"
                          appDebounceClick (debounceClick)="changeItemobjValidator(it,'showSingleSelect',info)">
                          <ng-container *ngIf="appTypeCustom==='LJ'">
                            <ng-container *ngIf="info.check">
                              <img src="assets/icon/quick_release_checked_lj@3x.png" class="release-check">
                            </ng-container>
                          </ng-container>
                          <ng-container *ngIf="appTypeCustom!=='LJ'">
                            <ng-container *ngIf="info.check">
                              <img src="assets/icon/quick_release_checked@3x.png" class="release-check">
                            </ng-container>
                          </ng-container>
                          <ng-container *ngIf="!info.check">
                            <img src="assets/icon/release_icon_unchecked@3x.png" class="release-uncheck">
                          </ng-container>
                          <span class="li-item">{{info.label}}</span>
                        </li>
                      </ul>
                    </div>
    
    
                  </ng-container>
    
                  <ng-container *ngSwitchCase="'grayItem'">
                    <div class="gray-item" [ngStyle]="it.cssStyle | styleFilter"></div>
                  </ng-container>
                  <!-- 模态 编辑更多信息 -->
                  <ng-container *ngSwitchCase="'modalEditMoreInfo'">
                    <ion-item class="post-item" lines="inset" style="text-align: center;"
                      appDebounceClick (debounceClick)="openModalMoreEditInfo(it)">
                      <label style="color: #858894;font-size: 0.88rem; width: 100%;">{{it.tips}}<i
                          class="more-icon"></i></label>
                    </ion-item>
                  </ng-container>
                  <!-- 左邻右舍 ,-->
                  <ng-container *ngSwitchCase="'commaSpliceShowValueForm'">
                    <ion-item class="post-item">
                      <ion-label>{{it.label}}</ion-label>
                      <input type="text" [attr.placeholder]="it.placeHolder" (focus)="openModalMoreEditInfo(it)"
                        class="displayno">
                      <span class="input" appDebounceClick (debounceClick)="openModalMoreEditInfo(it)"
                        *ngIf="it.showValue && it.showValue !== ''">{{it.showValue}}</span>
                      <span class="input lightgrey" appDebounceClick (debounceClick)="openModalMoreEditInfo(it)"
                        *ngIf="!it.showValue || it.showValue === ''">{{it.placeHolder}}</span>
                      <i class="detail-icon"></i>
                    </ion-item>
    
                  </ng-container>
    
                  <!-- 营业时间段  [(ngModel)]="it.subHtmlObj[1].showValue"-->
                  <ng-container *ngSwitchCase="'timeSlot'">
                    <app-text-input [item]="it" (output) = "outputTextInput($event)"> </app-text-input>

                  </ng-container>
    
    
                  <!--modal 描述 -->
                  <ng-container *ngSwitchCase="'modalOfTextArea'">
                    <ion-item class="post-item">
                      <ion-label>{{it.label}}</ion-label>
                      <input type="text" [attr.placeholder]="it.placeHolder" (focus)="openModalMoreEditInfo(it)"
                        class="displayno">
                      <span class="input" appDebounceClick (debounceClick)="openModalMoreEditInfo(it)"
                        *ngIf="it.showValue && it.showValue !== ''">{{it.showValue}}</span>
                      <span class="input lightgrey" appDebounceClick (debounceClick)="openModalMoreEditInfo(it)"
                        *ngIf="!it.showValue || it.showValue === ''">{{it.placeHolder}}</span>
                      <i class="detail-icon"></i>
                    </ion-item>
                  </ng-container>
                  <!--modal 编辑更多项目 -->
                  <ng-container *ngSwitchCase="'modalOfMoreItems'">
                    <ion-item class="post-item" [ngStyle]="item.cssStyle | styleFilter">
                      <ion-label [ngStyle]="item.labelCssStyle | styleFilter">{{item.label}}</ion-label>
                      <input type="text" [attr.placeholder]="item.placeHolder" (focus)="openModalMoreEditInfo(item)"
                        class="displayno">
                      <span class="input" appDebounceClick (debounceClick)="openModalMoreEditInfo(item)"
                        *ngIf="item.showValue && item.showValue !== ''">{{item.showValue}}<span class="jointEnd"
                          *ngIf="item.extra">{{item.extra}}</span></span>
                      <span class="input lightgrey" appDebounceClick (debounceClick)="openModalMoreEditInfo(item)"
                        *ngIf="!item.showValue || item.showValue === ''">{{item.placeHolder}}<span class="jointEnd"
                          *ngIf="item.extra">{{item.extra}}</span></span>
    
                      <i class="detail-icon"></i>
                    </ion-item>
                  </ng-container>
    
                  <!--tipsMessage 提示 -->
                  <ng-container *ngSwitchCase="'tipsMessage'">
                    <div
                      style="height: 3.44rem; line-height: 3.44rem; box-shadow: 0rem 0.03rem 0rem 0rem rgba(235,235,237,1);">
                      <img class="tips-icon" src="assets/icon/{{it.leftIcon}}" alt="">
                      <p class="tips-label">{{it.label}}</p>
                    </div>
    
                  </ng-container>
    
                </ng-container>
            </div>
            

              <ng-container *ngIf="item.leftIcon && item.endIcon; else elseTemplateDef">
                <p *ngIf="item.hidden" appDebounceClick (debounceClick)="moreDetailInfo(item)"
                [ngStyle]="item.cssStyle | styleFilter "
                >
              {{item.tips}}<img  src="{{item.leftIcon}}" alt="" [ngStyle]="item.leftIconCssStyle | styleFilter "></p>
              <p *ngIf="!item.hidden" appDebounceClick (debounceClick)="moreDetailInfo(item)"
              [ngStyle]="item.cssStyle | styleFilter "
              >
            {{item.hiddenTips}}<img  src="{{item.endIcon}}" alt="" [ngStyle]="item.endIconCssStyle | styleFilter "></p>
              </ng-container>
              <ng-template #elseTemplateDef>
                <p *ngIf="item.hidden" appDebounceClick (debounceClick)="moreDetailInfo(item)"
                style="text-align: center; line-height: 55px; color: #858894;font-size: 0.88rem; width: 100%;background: #F7F8FA;">
                {{item.tips}}<i class="more-icon-open"></i></p>
              <p *ngIf="!item.hidden" appDebounceClick (debounceClick)="moreDetailInfo(item)"
                style="text-align: center; line-height: 55px; color: #858894;font-size: 0.88rem; width: 100%;background: #F7F8FA;">
                {{item.hiddenTips}}<i class="more-icon-close"></i></p>  
              </ng-template>
            
          </ng-container>
          <!-- 标题标签 -->
          <ng-container *ngSwitchCase="'titleTip'">
            <div class="title-tip-box" [ngStyle]="item.cssStyle | styleFilter">
              <span class="title-tip-span" [ngStyle]="item.valueColor | styleFilter"></span>
              <p class="title-tip-p">
                <ng-container *ngIf="item.showValue">{{item.showValue}}</ng-container>
              </p>
            </div>
          </ng-container>
  
          <!-- 服务报价显示 -->
          <ng-container *ngSwitchCase="'servicePrice'">
            <div class="show-price-bg">
              <div class="service-price-label-bg" [ngStyle]="item.cssStyle | styleFilter"><span id="service-price-label"
                  class="show-price">{{servicePriceShow}}</span><span class="show-price-unit">元</span></div>
  
              <div class="price-label">{{item.label}}</div>
            </div>
  
          </ng-container>
  
          <!-- 内部提交 -->
          <ng-container *ngSwitchCase="'innerBtn'">
            <div class="inner-btn-bg" [ngStyle]="item.labelCssStyle | styleFilter">
              <div class="inner-btn" [ngStyle]="item.cssStyle | styleFilter" appDebounceClick (debounceClick)="innerBtnClick(item)">{{item.label}}
              </div>
            </div>
  
          </ng-container>
  
  
          <!-- 合同预览 -->
          <ng-container *ngSwitchCase="'link'">
            <div class="link-bg">
              <p class="link-label">{{item.label}}</p>
              <p class="link-link" [ngStyle]="item.cssStyle | styleFilter" appDebounceClick (debounceClick)="linkClick(item)">{{item.value}}</p>
            </div>
  
          </ng-container>
  
          <!-- 服务报价说明 -->
          <ng-container *ngSwitchCase="'hintContent'">
            <div [ngStyle]="item.cssStyle | styleFilter" class="hint-bg">
              <div class="hint-content-bg" *ngIf="item.tips && item.tips.length > 0">
                <ng-container *ngFor="let tip of item.tips.split('||')">
                  <p class="hint-item">
                    <span class="icon"></span>{{tip}}
                  </p>
                </ng-container>
              </div>
            </div>
          </ng-container>
  
          <!-- 选择房型 modalMultipleFormKeySelect-->
          <ng-container *ngSwitchCase="'modalMultipleFormKeySelect'">
            <div class="post-item post-item-div"  [ngStyle]="item.cssStyle | styleFilter" [ngClass]="{'border-none': item.lines === 'none'}">
              <ion-label>{{item.label}}</ion-label>
              <span class="input" appDebounceClick (debounceClick)="openModalMultipleFormKeySelect(item)"
                *ngIf="houseTypeShowValue && houseTypeShowValue !== ''">{{houseTypeShowValue}}</span>
              <span class="input lightgrey" appDebounceClick (debounceClick)="openModalMultipleFormKeySelect(item)"
                *ngIf="!houseTypeShowValue || houseTypeShowValue === ''">{{item.placeHolder}}</span>
              <i class="detail-icon"></i>
            </div>
          </ng-container>
          <!-- 城市多选 -->
          <ng-container *ngSwitchCase="'mCitySelect'">
            <ion-content style="--background: white;">
              <ion-index-list-m [hasTop]="true">
                <div *ngFor="let group of item.groupCities">
  
                  <ion-index-section-m [index]="group.l" *ngIf="(group.c|filter:key).length > 0">
  
                    <ion-index-cell-m *ngFor="let city of group.c | filter:key; last as last">
                      <span appDebounceClick (debounceClick)="cityClick(city,item)" [ngClass]="{'city-item-s': city.isSelected}"
                        class="city-item">{{city?.n}}</span>
  
                    </ion-index-cell-m>
                  </ion-index-section-m>
                </div>
              </ion-index-list-m>
            </ion-content>
  
          </ng-container>
          <!-- 部门树形选择 -->
          <ng-container *ngSwitchCase="'departmentSelect'">
            <ion-item class="post-item">
              <ion-label>{{item.label}}</ion-label>
              <input type="text" [attr.placeholder]="item.placeHolder" (focus)="openModalDepartmentPage(item)"
                class="displayno">
              <span class="input" appDebounceClick (debounceClick)="openModalDepartmentPage(item)"
                *ngIf="item.showValue && item.showValue !== ''">{{item.showValue}}</span>
              <span class="input lightgrey" appDebounceClick (debounceClick)="openModalDepartmentPage(item)"
                *ngIf="!item.showValue || item.showValue === ''">{{item.placeHolder}}</span>
              <i class="detail-icon"></i>
            </ion-item>
  
          </ng-container>
          <!-- 灰色小字描述 -->
          <ng-container *ngSwitchCase="'descInfo'">
            <ion-item class="post-item" [lines]="item.lines? item.lines:'inset'">
              <p class="desc-info" [ngStyle]="item.cssStyle | styleFilter">{{item.label}}
                <span [ngStyle]="item.valueCssStyle | styleFilter">{{item.value}}</span>
              </p>
            </ion-item>
  
          </ng-container>
          <!-- 页面跳转 发布多物业-->
          <ng-container *ngSwitchCase="'postPage'">
            <ion-item class="post-item" [lines]="item.lines? item.lines:'inset'" appDebounceClick (debounceClick)="openPage(item)">
              <p class="page-label"><span class="page-label-span">{{item.label}}</span><i class="detail-icon"></i></p>
            </ion-item>
  
          </ng-container>
          <!--modal 编辑预售证 户型图 -->
          <ng-container *ngSwitchCase="'modalOfLocalEdit'">
            <ion-item class="post-item">
              <ion-label>{{item.label}}</ion-label>
              <input type="text" [attr.placeholder]="item.placeHolder" (focus)="openModalLocalEdit(item)"
                class="displayno">
              <span class="input" appDebounceClick (debounceClick)="openModalLocalEdit(item)"
                *ngIf="item.showValue && item.showValue !== ''">{{item.showValue}}<span class="jointEnd"
                  *ngIf="item.extra">{{item.extra}}</span></span>
              <span class="input lightgrey" appDebounceClick (debounceClick)="openModalLocalEdit(item)"
                *ngIf="!item.showValue || item.showValue === ''">{{item.placeHolder}}<span class="jointEnd"
                  *ngIf="item.extra">{{item.extra}}</span></span>
  
              <i class="detail-icon"></i>
            </ion-item>
          </ng-container>
          <!-- 入驻 -->
          <ng-container *ngSwitchCase="'titleContent'">
            <div class="lj-post-item titleContent" [ngClass]="{'js-post-item':item?.appType==='JS'}">
              <div class="lj-post-item-label" [ngStyle]="item?.cssStyle | styleFilter">
                <p> {{item.label}} <span class="title-tip" *ngIf="item.tips">{{item.tips}}</span></p>
                <img *ngIf="item.link" appDebounceClick (debounceClick)="openPage(item.link)" class="question"
                  src="assets/laijian/icon_help_notes@3x.png" alt="">
              </div>
  
            </div>
          </ng-container>
          <!-- 提现标题 -->
          <ng-container *ngSwitchCase="'titleContentCenter'">
            <div class="lj-post-item titleContentCenter" [ngClass]="{'js-post-item':item?.appType==='JS'}"
              [ngStyle]="item?.cssStyle | styleFilter">
  
              <p class="title-content-center" [ngStyle]="item.labelCssStyle | styleFilter" *ngIf="item.label">
                {{item.label}}
              </p>
              <p class="title-tip-center" *ngIf="item.tips">{{item.tips}}</p>
  
  
            </div>
          </ng-container>
  
          <!-- 级别选项 -->
          <ng-container *ngSwitchCase="'chooseGrade'">
            <div class="grade-bg chooseGrade" [ngStyle]="item?.cssStyle | styleFilter">
              <p class="grde-title" *ngIf="item.label && item.label.length > 0">{{item.label}}</p>
              <div class="grade-items">
                <div class="item"
                  [ngClass]="{'item-checked': it.value === item.value, 'item-last':i === item.itemList.length -1}"
                  *ngFor="let it of item.itemList ; let i = index"
                  appDebounceClick (debounceClick)="changeItemobjValidator(item,'switchButton',i)">
                  <p class="title">{{it.label}}</p>
                  <p class="price"> <span>￥</span>{{it.valueN}}</p>
                  <p class="year">{{it.unit}}</p>
                </div>
              </div>
            </div>
          </ng-container>
          <!-- 管家服务年限 -->
          <ng-container *ngSwitchCase="'serviceYear'">
            <div class="grade-bg serviceYear" [ngStyle]="item?.cssStyle | styleFilter">
              <p class="grde-title" *ngIf="item.label && item.label.length > 0">{{item.label}}</p>
              <div class="grade-items">
                <div class="item item-year"
                  [ngClass]="{'item-checked': it.value === item.value, 'item-last':i === item.itemList.length -1}"
                  *ngFor="let it of item.itemList ; let i = index"
                  appDebounceClick (debounceClick)="changeItemobjValidator(item,'switchButton',i)">
                  <p class="title" style="text-align: left; width: 100%; font-size: 0.88rem;">{{it.label}}</p>
                  <p class="price" style="text-align: center; font-size: 1.28rem;"> <span
                      style="font-size: 0.75rem;">￥</span>{{it.valueN}}</p>
                  <!-- <p class="year">{{it.unit}}</p> -->
                </div>
              </div>
            </div>
          </ng-container>
           <!-- 更新规则 -->
          <ng-container *ngSwitchCase="'updateRules'">
            <div class="update-rule-bg" [ngStyle]="item.cssStyle | styleFilter">
              <i appDebounceClick (debounceClick)="changeItemobjValidator(item,'updateRules')"
                  [ngClass]="{'uncheck': !item.checked,'checked': item.checked}"></i> <span [ngStyle]="item.labelCssStyle | styleFilter"
                  appDebounceClick (debounceClick)="changeItemobjValidator(item,'updateRules')">{{item.label}}</span> 
          
            </div>
  
  
          </ng-container>
          <!-- 同意协议 -->
          <ng-container *ngSwitchCase="'joinLink'">
            <div [ngStyle]="item.cssStyle | styleFilter">
              <p class="check-bg"><i appDebounceClick (debounceClick)="changeItemobjValidator(item,'joinLink')"
                  [ngClass]="{'uncheck': !item.checked,'checked': item.checked}"></i> <span
                  appDebounceClick (debounceClick)="changeItemobjValidator(item,'joinLink')">{{item.label}}</span> <span class="xieyi"
                  *ngIf="item.tips" appDebounceClick (debounceClick)="openPage(item.link)">{{item.tips}}</span>
              </p>
  
            </div>
  
  
          </ng-container>
  
          <!-- 同意协议 -->
          <ng-container *ngSwitchCase="'joinLinkTwoLine'">
            <div [ngStyle]="item.cssStyle | styleFilter">
              <p class="check-bg" style="margin-bottom: 0.63rem; padding-left: 1.25rem;"><i
                  appDebounceClick (debounceClick)="changeItemobjValidator(item,'joinLink')"
                  [ngClass]="{'uncheck': !item.checked,'checked': item.checked}"></i> <span
                  style="color: #252629; font-size: 0.88rem; margin-left: 0.3rem;"
                  appDebounceClick (debounceClick)="changeItemobjValidator(item,'joinLink')">{{item.label}}</span> <span class="xieyi"
                  *ngIf="item.tips" appDebounceClick (debounceClick)="openPage(item.link)">{{item.tips}}</span>
              </p>
              <p class="place-holder-link">{{item.placeHolder}}</p>
  
            </div>
  
  
          </ng-container>
  
          <!-- 审核资料 -->
          <ng-container *ngSwitchCase="'checkData'">
            <div [ngStyle]="item.cssStyle | styleFilter">
              <p class="check-data-bg"><i appDebounceClick (debounceClick)="changeItemobjValidator(item,'joinLink')"
                  [ngClass]="{'uncheck': !item.checked,'checked': item.checked}"></i> <span
                  appDebounceClick (debounceClick)="changeItemobjValidator(item,'joinLink')">{{item.label}}</span>
              </p>
  
              <div class="imgs-bg" *ngIf="item.itemList && item.itemList.length > 0">
                <ng-container *ngFor="let it of item.itemList ;let i = index">
                  <div style="display:flex; align-items: center; flex-direction: column;"
                    appDebounceClick (debounceClick)="pageModalService.openImage(i,item.itemList)">
                    <img class="item" [ngClass]="{'item-big': item.extra === 'identity'}" src="{{it.value}}" alt="">
                    <span *ngIf="it.label && it.label.length > 0" class="label">{{it.label}}</span>
                  </div>
                </ng-container>
              </div>
            </div>
  
          </ng-container>
  
          <!-- 中间弹窗多选——label value 分开两行 -->
          <ng-container *ngSwitchCase="'multipleColumnSelectTwoLine'">
            <div class="edit-m-s-bg" [ngStyle]="item.cssStyle | styleFilter" appDebounceClick (debounceClick)="showMultipleColumnSelect(item)">
              <p class="label">{{item.label}} <i class="detail-icon"></i></p>
              <p class="palce-hoder" *ngIf="!(item.showValue && item.showValue.length> 0)">{{item.placeHolder}}</p>
              <p class="value" *ngIf="item.showValue && item.showValue.length> 0" [innerHTML]="item.showValue | parseStyle"></p>
            </div>
          </ng-container>
          <!-- 包含材料多选 -->
          <ng-container *ngSwitchCase="'editMultipleSelect'">
            <div class="edit-m-s-bg" [ngStyle]="item.cssStyle | styleFilter" appDebounceClick (debounceClick)="openModalMoreEditInfo(item)">
              <p class="label">{{item.label}} <i class="detail-icon"></i></p>
              <p class="palce-hoder" *ngIf="!(item.showValue && item.showValue.length> 0)">{{item.placeHolder}}</p>
              <p class="value" *ngIf="item.showValue && item.showValue.length> 0" [innerHTML]="item.showValue  | parseStyle"></p>
            </div>
          </ng-container>
  
  
          <!--  材料多选 -->
          <ng-container *ngSwitchCase="'multipleSelect'">
            <div class="lj-post-item" [ngStyle]="item?.cssStyle | styleFilter"
              *ngIf="item.label && item.label.length> 0 || item.tips && item.tips.length> 0">
              <div class="lj-post-item-label" *ngIf="item.label && item.label.length> 0"
                [ngStyle]="item?.labelCssStyle | styleFilter">
                <span class="multiple-select-label">{{item.label}}</span>
              </div>
              <p class="multiple-select-tips" *ngIf="item.tips && item.tips.length> 0"> <span
                  [ngStyle]="item?.valueCssStyle |styleFilter">{{item.tips}}</span> <img *ngIf="item.link"
                  appDebounceClick (debounceClick)="openPage(item.link)" class="question" src="assets/laijian/icon_help_notes@3x.png"
                  alt="">
              </p>
            </div>
  
            <ng-container *ngFor="let it of item.children">
              <div class="row-bg" [ngStyle]="item.cssStyle | styleFilter">
                <div class="row">
                  <i [ngClass]="{'nochecked-row': !it.checked,'checked-row': it.checked}"
                    appDebounceClick (debounceClick)="chooseAll(it,item)"></i>
                  <span style="flex-grow: 1;" appDebounceClick (debounceClick)="openOrCloseClick(it)">{{it.label}}</span>
                  <i [ngClass]="{'noOpen': !it.open,'open': it.open}" appDebounceClick (debounceClick)="openOrCloseClick(it)"></i>
  
                </div>
                <div class="tag-bg" id=it.value [ngClass]="{'displayno': !it.open}">
                  <div class="tag" [ngClass]="{'tag-checked': tag.checked}" appDebounceClick (debounceClick)="tagClick(tag,it,item)"
                    *ngFor="let tag of it.children">{{tag.label}}</div>
                </div>
  
              </div>
  
            </ng-container>
  
  
  
          </ng-container>
  
          <!-- 服务价格  -->
          <ng-container *ngSwitchCase="'price'">
            <div class="service_price_bg" [ngStyle]="item.cssStyle | styleFilter">
              <p class="service_price_label">{{item.label}}</p>
              <p class="service_price">{{item.showValue}}<span class="service_price_extra">{{item.extra}}</span></p>
            </div>
  
          </ng-container>
  
          <!-- 服务明细类别-->
          <ng-container *ngSwitchCase="'serviceType'">
            <div class="lj-post-item serviceType" [ngStyle]="item.cssStyle | styleFilter">
              <p class="lj-post-item-label" *ngIf="item.label && item.label.length > 0">
                {{item.label}}
              </p>
  
              <ng-container *ngIf="item.itemList && item.itemList.length > 9; else elseTemplate">
                <div class="service-bg">
                  <ng-container *ngFor="let it of item.itemList.slice(0,8)">
                    <p class="service-item"><img src="assets/fw/service_type.png"
                        alt=""><span>{{it.label}}</span>
                    </p>
                  </ng-container>
                  <p class="service-item" appDebounceClick (debounceClick)="showAllType(item)"><img src="assets/fw/more_type.png"
                      alt=""><span style="font-size: 0.94rem;color: #FFAA00;">查看全部</span></p>
  
                </div>
              </ng-container>
              <ng-template #elseTemplate>
                <div class="service-bg">
                  <ng-container *ngFor="let it of item.itemList">
                    <p class="service-item"><img src="assets/fw/service_type.png"
                        alt=""><span>{{it.label}}</span>
                    </p>
                  </ng-container>
                </div>
              </ng-template>
  
  
  
            </div>
  
          </ng-container>
  
          <!-- 评分  -->
          <ng-container *ngSwitchCase="'scoreFormType'">
            <div class="score-type-bg scoreFormType" [ngStyle]="item.cssStyle | styleFilter">
              <p class="score-type-label" *ngIf="item.label">{{item.label}}</p>
              <app-rating [rate]="item.value" [edit]=true [onlyShow]=item.disabled
                (updateRate)="updateRateReturn($event,item)"></app-rating>
              <p class="score-type-tip" *ngIf="item.showValue">{{item.showValue}}</p>
            </div>
  
          </ng-container>
          <!-- 提现  -->
          <ng-container *ngSwitchCase="'getCashType'">
            <div class="get-cash-bg getCashType" [ngStyle]="item.cssStyle | styleFilter">
              <p class="get-cash-label">{{item.label}}</p>
              <p class="get-cash" [ngStyle]="item.showValueCssStyle | styleFilter"><span>￥</span>
                <!-- 数字类型 -->
                <ion-input type="number" onkeyup="value=value.replace(/[^\d\.]/g,'')"
                  onafterpaste="if((value===''))execCommand('undo')"
                  onKeypress="return(/[\d\.]/.test(String.fromCharCode(event.keyCode)))"
                  [ngStyle]="item.valueCssStyle | styleFilter" (ionChange)="changeValue($event, item)"
                  [(ngModel)]="item.value" [maxlength]="item.maxLength" [attr.placeholder]="item.placeHolder"
                  [formControlName]="item.formKey" [readonly]="item.disabled" appDebounceClick (debounceClick)="inputClick(item)">
                </ion-input>
              </p>
              <p class="get-cash-tips" *ngIf="item.tips" [ngStyle]="item.tipsCssStyle | styleFilter" [innerHTML] = "item.tips" ></p>
              <span *ngIf="item.extra" class="get-cash-all" [ngStyle]="item.extraCssStyle | styleFilter"
            appDebounceClick (debounceClick)="getAllCash(item)">{{item.extra}}</span>
            </div>
  
          </ng-container>
  
          <!-- 选提现账号  -->
          <ng-container *ngSwitchCase="'selectAccount'">
            <div class="get-cash-bg selectAccount" [ngStyle]="item.cssStyle | styleFilter">
              <p class="get-cash-label">{{item.label}}</p>
              <div class="select-account" appDebounceClick (debounceClick)="changeAccount(item)">
                <img src="{{item.showData.icon}}" class="account-icon" alt=""
                  *ngIf="item.showData.icon && item.showData.icon.length > 0">
                <div class="account-content">
                  <p class="account">{{item.showData.label}}</p>
                  <p class="tips" *ngIf="item.showData.tips && item.showData.tips.length > 0">{{item.showData.tips}}</p>
                </div>
                <i class="detail-icon"></i>
  
              </div>
            </div>
  
          </ng-container>
          <!-- 启动关注页 addby andrew.wen  -->
          <ng-container *ngSwitchCase="'multipleInterestSelect'">
            <div class="lj-post-item">
              <div class="lj-post-item-label" [ngStyle]="item?.cssStyle | styleFilter">
                <p class="selectionSubTitle">{{item.label}}</p>
                <div class="right-item-new" *ngIf="item.data && item.data.length > 0">
                  <li class="sw-lj-item-new" *ngFor="let it of item.data; let a = index;"
                    appDebounceClick (debounceClick)="changeItemobjValidator(item,'multipleInterestSelect',a)">
                    <img [src]="it.icon" onerror="this.src='assets/img/default_rk.png'" class="iconImg" />
                    <i [ngClass]="{'nochecked':it.check===false ,'checked':it.check===true}"></i>
                    <font class="labelFont">
                      {{it.label}}
                    </font>
                  </li>
                </div>
              </div>
            </div>
          </ng-container>
          <!-- 59.3 modalMultipleSelect3_Full 弹窗2-3级分类多选 (全屏窗) 有三级（品牌。全选不包含品牌选择）时候 二级占整行，子项不定宽。-->
          <ng-container *ngSwitchCase="'modalMultipleSelect3_Full'">
            <div class="join-form-item-bg" [ngStyle]="item.cssStyle | styleFilter"
              appDebounceClick (debounceClick)="modalMultipleSelect3FullScreen(item)">
              <p class="join-label" [ngStyle]="item.labelCssStyle | styleFilter" *ngIf="item.label && item.label !==''">
                {{item.label}}</p>
  
              <span class="join-sep" [ngStyle]="item.sepCssStyle | styleFilter"></span>
              <p class="palce-hoder-join" *ngIf="!(item.showValue && item.showValue.length> 0)"
                [ngStyle]="item.placeholderCssStyle | styleFilter">{{item.placeHolder}}</p>
              <p class="value-join" *ngIf="item.showValue && item.showValue.length> 0"
                [ngStyle]="item.valueCssStyle | styleFilter" [innerHTML]="item.showValue | parseStyle"></p>
              <img class="end-icon" *ngIf="item.endIcon && item.endIcon.length > 0" src="{{item.endIcon}}" alt="">
  
            </div>
  
          </ng-container>
  
          <!-- 59.4 modalMultipleSelect3_Auto_Full 弹窗自适应完整2-3级分类多选 子项不定宽 (全屏窗)-->
          <ng-container *ngSwitchCase="'modalMultipleSelect3_Auto_Full'">
            <div class="join-form-item-bg" [ngStyle]="item.cssStyle | styleFilter"
              appDebounceClick (debounceClick)="modalMultipleSelect3AutoFull(item)">
              <p class="join-label" [ngStyle]="item.labelCssStyle | styleFilter" *ngIf="item.label && item.label !==''">
                {{item.label}}</p>
  
              <span class="join-sep" [ngStyle]="item.sepCssStyle | styleFilter"></span>
              <p class="palce-hoder-join" *ngIf="!(item.showValue && item.showValue.length> 0)"
                [ngStyle]="item.placeholderCssStyle | styleFilter">{{item.placeHolder}}</p>
              <p class="value-join" *ngIf="item.showValue && item.showValue.length> 0"
                [ngStyle]="item.valueCssStyle | styleFilter" [innerHTML]="item.showValue | parseStyle"></p>
              <img class="end-icon" *ngIf="item.endIcon && item.endIcon.length > 0" src="{{item.endIcon}}" alt="">
  
            </div>
  
          </ng-container>
          <!-- 自适应2-3级分类多选 子项定宽 2个一行 半屏fw-->
          <ng-container *ngSwitchCase="'modalMultipleSelect3'">
            <ion-item class="post-item" appDebounceClick (debounceClick)="modalMultipleSelect3(item)">
              <ion-label>{{item.label}}</ion-label>
              <span class="input"
                *ngIf="item.showValue && item.showValue !== '' && item.showValue.length ">{{item.showValue}}</span>
              <span class="input lightgrey"
                *ngIf="item.showValue === '' || item.showValue === undefined || !item.showValue.length">{{item.placeHolder}}</span>
              <i class="select-span"></i>
            </ion-item>
          </ng-container>
          <!-- 自适应2-3级分类多选 子项不定宽 半屏fw-->
          <ng-container *ngSwitchCase="'modalMultipleSelect3_Auto'">
  
            <div class="lj-post-item">
              <p class="lj-post-item-label">
                {{item.label}}
              </p>
  
              <p class="lj-picker-bg" appDebounceClick (debounceClick)="modalMultipleSelect3(item,true)">
                <span *ngIf="item.value && item.value !== '' && item.value.length "
                  [className]="(item.value && !item.disabled) ? 'select-checked' : 'lightgrey'"><i
                    class="lj-picker-left-icon"></i><i class="lj-item-value">{{item.showValue}}</i><i
                    *ngIf="item.del && item.value" class="lj-picker-right-del" appDebounceClick (debounceClick)="deleteValue(item)"></i><i
                    class="lj-right-icon"></i></span>
  
                <span *ngIf="!item.value" [className]="(item.value && !item.disabled) ? 'select-checked' : 'lightgrey'"><i
                    class="lj-picker-left-icon"></i><i class="lj-item-value">{{item.placeHolder}}</i><i
                    *ngIf="item.del && item.value" class="lj-picker-right-del" appDebounceClick (debounceClick)="deleteValue(item)"></i><i
                    class="lj-right-icon"></i></span>
  
              </p>
  
            </div>
          </ng-container>
  
          <!-- 分段 标题描述 -->
          <ng-container *ngSwitchCase="'sectionDesc'">
            <p class="section-desc sectionDesc" [ngStyle]="item.cssStyle | styleFilter" appDebounceClick (debounceClick)="openPage(item.link)">
              <span [ngStyle]="item.labelCssStyle | styleFilter" class="sectionDescLabel" [innerHTML] = "item.label | parseStyle"></span>
              <!-- <input type="text" [attr.placeholder]="item.placeHolder" [formControlName]="item.formKey" class="displayno"> -->
              <span class="input font17" [ngStyle]="item.valueCssStyle | styleFilter"
                *ngIf="item.value && item.value !== '' && item.value.length ">{{item.showValue}}</span>
              <span class="input lightgrey-notImportant font17" [ngStyle]="item.valueCssStyle | styleFilter"
                *ngIf="!item.value && item.placeHolder">{{item.placeHolder}}</span>
                <i *ngIf="item.endIcon" class="detail-icon"  [ngStyle]="item.endIconCssStyle | styleFilter " ></i>
            </p>
          </ng-container>
  
          <!-- 免费 设计表头标题 -->
          <ng-container *ngSwitchCase="'formHeader'">
            <p class="form-header formHeader" [ngStyle]="item.cssStyle | styleFilter">
              <span class="form-header-line-l"></span>
              <span [ngStyle]="item.labelCssStyle | styleFilter" class="form-header-label">{{item.label}}</span>
              <span class="form-header-line-r"></span>
            </p>
          </ng-container>
          <!-- 免费设计 项目纯展示点击 -->
          <ng-container *ngSwitchCase="'designItem'">
            <p class="design-item designItem" [ngStyle]="item.cssStyle | styleFilter" appDebounceClick (debounceClick)="openPage(item.link)">
              <img *ngIf="item.leftIcon && item.leftIcon.indexOf('http') > -1 " src="{{item.leftIcon}}" alt="" [ngStyle]="item.leftIconCssStyle | styleFilter">
              <span [ngStyle]="item.labelCssStyle | styleFilter" class="design-item-label">
                <span>{{item.label}}</span>
                <span [ngStyle]="item.placeholderCssStyle | styleFilter">{{item.placeHolder}}</span>
            </span>
              <img *ngIf="item.endIcon && item.endIcon.indexOf('http') > -1 " src="{{item.endIcon}}" alt="" [ngStyle]="item.endIconCssStyle | styleFilter">
              <img *ngIf="item.endIcon && !(item.endIcon.indexOf('http') > -1) " src="assets/fw/icon_sheji_arrow.png" alt="" class="design-item-arrow">
            </p>
          </ng-container>
          <!-- 免费设计 省市区三级 -->
          <ng-container *ngSwitchCase="'pickerSelectDesign'">
            <app-text-input [item]="item" (output) = "outputTextInput($event)"> </app-text-input>  
          </ng-container>
  
  
          <!-- 设计 选择房型 -->
          <ng-container *ngSwitchCase="'modalMultipleFormKeySelectDesign'">
            <div class="design-form-item-bg" [ngStyle]="item.cssStyle | styleFilter">
              <p class="design-label" [ngStyle]="item.labelCssStyle | styleFilter">{{item.label}}</p>
              <span class="design-input design-select-checked" appDebounceClick (debounceClick)="openModalMultipleFormKeySelect(item)"
                *ngIf="houseTypeShowValue && houseTypeShowValue !== ''">{{houseTypeShowValue}}</span>
              <span class="design-input design-lightgrey" appDebounceClick (debounceClick)="openModalMultipleFormKeySelect(item)"
                *ngIf="!houseTypeShowValue || houseTypeShowValue === ''">{{item.placeHolder}}</span>
              <i class="design-icon"></i>
  
            </div>
          </ng-container>
  
          <!-- 设计 编辑更多 -->
          <ng-container *ngSwitchCase="'modalOfMoreItemsDesign'">
            <div class="design-form-item-bg" [ngStyle]="item.cssStyle | styleFilter">
              <p class="design-label" [ngStyle]="item.labelCssStyle | styleFilter">{{item.label}}</p>
  
              <span class="design-input design-select-checked" appDebounceClick (debounceClick)="openModalMoreEditInfo(item)"
                *ngIf="item.showValue && item.showValue !== ''" [innerHTML]="item.showValue | parseStyle"><span
                  class="jointEnd" *ngIf="item.extra">{{item.extra}}</span></span>
              <span class="design-input design-lightgrey" appDebounceClick (debounceClick)="openModalMoreEditInfo(item)"
                *ngIf="!item.showValue || item.showValue === ''">{{item.placeHolder}}<span class="jointEnd"
                  *ngIf="item.extra">{{item.extra}}</span></span>
  
              <i class="design-icon"></i>
            </div>
          </ng-container>
          <!-- 设计风格 -->
          <ng-container *ngSwitchCase="'multipleDesignStyleSelect'">
            <div class="multipleDesignStyleSelect multiple-design-style-select-bg">
              <ng-container *ngFor="let itemInfo of item.itemList">
                <div class="design-style-item" appDebounceClick (debounceClick)="designStyle(itemInfo,item)">
                  <img src="{{itemInfo.icon}}" alt="" class="design-style-item-img">
                  <div *ngIf="itemInfo.status === 'false'" class="design-style-item-img-mark"></div>
                  <p class="design-style-item-tag" *ngIf="itemInfo.status === 'false'">{{itemInfo.tagLabel}}</p>
  
                  <ng-container *ngIf="itemInfo.status === 'true'">
                    <i *ngIf="itemInfo.check" class="design-style-item-check"
                      [ngStyle]="item.cssStyle | styleFilter">{{itemInfo.index}}</i>
                    <i *ngIf="!itemInfo.check" class="design-style-item-uncheck"></i>
                  </ng-container>
  
  
                  <p class="design-style-item-label">{{itemInfo.label}}</p>
                </div>
              </ng-container>
            </div>
  
  
          </ng-container>
          <!-- 转让出租出售 -->
          <ng-container *ngSwitchCase="'switchButtonLJ_icon'">
            <app-text-input [item]="item" (output) = "outputTextInput($event)"> </app-text-input>

  
            <ng-container *ngIf="item.subHtmlObj">
              <ng-container *ngFor="let it of item.subHtmlObj" [ngSwitch]="it.formType">
  
                <ng-container *ngSwitchCase="'switchButtonLJ'">
                  <ng-container
                    *ngIf="(item.value && it.showCondition && it.showCondition.indexOf(item.value) > -1) ||  !it.showCondition">
                    
                    <app-text-input [item]="it" (output) = "outputTextInput($event)"> </app-text-input>

  
                    <!-- 三级嵌套 -->
                    <ng-container *ngIf="it.subHtmlObj">
                      <ng-container *ngFor="let it_3 of it.subHtmlObj" [ngSwitch]="it_3.formType">
  
  
                        <!-- radioButtonLJ -->
                        <ng-container *ngSwitchCase="'radioButtonLJ'">
                          <ng-container
                            *ngIf="(it.value && it_3.showCondition && it_3.showCondition.indexOf(it.value) > -1) ||  !it_3.showCondition">
                            <p class="lj-radio-button-bg">
                              <ng-container *ngIf="it.itemList">
                                <span class="no-show">{{it_3.label}}</span>
                                <span class="sw-lj-item-btn" *ngFor="let i of it_3.itemList;let a = index"
                                  [ngClass]="{'nochecked':it_3.value !== i.value,'checked':it_3.value === i.value }"
                                  appDebounceClick (debounceClick)="changeItemobjValidator(it_3,'switchButton',a)">{{i.label}}</span>
                              </ng-container>
                            </p>
                          </ng-container>
                        </ng-container>
  
                        <ng-container *ngSwitchCase="'textInputLJ'">
                          <ng-container
                            *ngIf="(it.value && it_3.showCondition && it_3.showCondition.indexOf(it.value) > -1) ||  !it_3.showCondition">
                            <app-text-input [item]="it_3" (output) = "outputTextInput($event)"> </app-text-input>
                          </ng-container>
                        </ng-container>
  
                        <!--下一步 -->
                        <!-- <ng-container *ngSwitchCase="'nextPageFomObj'">
                          <ng-container
                            *ngIf="(it.value && it_3.showCondition && it_3.showCondition.indexOf(it.value) > -1) ||  !it_3.showCondition">
                            <div style="height: 5.56rem; width: 100%; " [ngStyle]="it_3.cssStyle | styleFilter">
                              <div class="next-btn" appDebounceClick (debounceClick)="nextPage(it_3)" [ngStyle]="it_3.labelCssStyle | styleFilter">
                                {{it_3.label}}
                              </div>
                            </div>
                          </ng-container>
                        </ng-container> -->
  
                      </ng-container>
                    </ng-container>
  
  
                  </ng-container>
                </ng-container>
                <!-- radioButtonLJ -->
                <ng-container *ngSwitchCase="'radioButtonLJ'">
                  <ng-container
                    *ngIf="(item.value && it.showCondition && it.showCondition.indexOf(item.value) > -1) ||  !it.showCondition">
                    <p class="lj-radio-button-bg">
                      <ng-container *ngIf="it.itemList">
                        <span class="no-show">{{it.label}}</span>
                        <span class="sw-lj-item-btn" *ngFor="let i of it.itemList;let a = index"
                          [ngClass]="{'nochecked':it.value !== i.value,'checked':it.value === i.value }"
                          appDebounceClick (debounceClick)="changeItemobjValidator(it,'switchButton',a)">{{i.label}}</span>
                      </ng-container>
                    </p>
                  </ng-container>
                </ng-container>
                <!-- 通用选择项目 4 个一行 -->
                <ng-container *ngSwitchCase="'switchButtonFW'">
                  <ng-container
                    *ngIf="(item.value && it.showCondition && (it.showCondition.indexOf(item.value) > -1 || item.value.indexOf(it.showCondition) > -1 ) ||  !it.showCondition)">
                    <app-text-input [item]="it" (output) = "outputTextInput($event)"> </app-text-input>

  
                  </ng-container>
                </ng-container>
  
                <ng-container *ngSwitchCase="'textInputLJ'">
                  <ng-container
                    *ngIf="(item.value && it.showCondition && (it.showCondition.indexOf(item.value) > -1 || item.value.indexOf(it.showCondition) > -1 ) ||  !it.showCondition)">
                    <app-text-input [item]="it" (output) = "outputTextInput($event)"> </app-text-input>
                  </ng-container>
                </ng-container>
  
                <ng-container *ngSwitchCase="'citySelectLJ'">
                  <ng-container
                    *ngIf="(item.value && it.showCondition && (it.showCondition.indexOf(item.value) > -1 || item.value.indexOf(it.showCondition) > -1 ) ||  !it.showCondition)">
                    <div class="lj-post-item" [ngStyle]="it.cssStyle | styleFilter">
                      <p class="lj-post-item-label" *ngIf="it.label && it.label.length > 0">
                        {{it.label}}
                      </p>
                      <div class="lj-post-item-city">
                        <!-- city -->
                        <ng-container *ngIf="!it.hidden">
                          <p class="lj-picker-bg lj-picker-bg-city" appDebounceClick (debounceClick)="openModalCityPage(it)">
                            <span *ngIf="it.showValue && it.showValue !== '' && it.showValue.length "
                              [className]="(it.showValue && !it.disabled) ? 'select-checked' : 'lightgrey'"><i
                                class="lj-item-value lj-item-value-city" [ngStyle]="it.showValueCssStyle | styleFilter">{{it.showValue}}</i><i
                                class="lj-right-icon"></i></span>
  
                            <span *ngIf="!it.showValue"
                              [className]="(it.showValue && !it.disabled) ? 'select-checked' : 'lightgrey'"><i
                                class="lj-item-value lj-item-value-city"[ngStyle]="it.showValueCssStyle | styleFilter">{{it.placeHolder}}</i><i
                                class="lj-right-icon"></i></span>
  
                          </p>
                        </ng-container>
  
                        <!-- zone -->
                        <!-- 区域多选 -->
                        <ng-container *ngIf="it.subHtmlObj &&  it.subHtmlObj[0].formType === 'modalMultipleSelectLJ'">
                          <p class="lj-picker-bg lj-picker-bg-zone" appDebounceClick (debounceClick)="openMultipleModal(it.subHtmlObj[0])">
                            <span
                              *ngIf="it.subHtmlObj[0].value && it.subHtmlObj[0].value !== '' && it.subHtmlObj[0].value.length "
                              [className]="(it.subHtmlObj[0].value && !it.subHtmlObj[0].disabled) ? 'select-checked' : 'lightgrey'"><i
                                class="lj-item-value lj-item-value-zone" [ngStyle]="it.subHtmlObj[0].showValueCssStyle | styleFilter">{{it.subHtmlObj[0].showValue}}</i><i
                                class="lj-right-icon"></i></span>
  
                            <span *ngIf="!it.subHtmlObj[0].value"
                              [className]="(it.subHtmlObj[0].value && !it.subHtmlObj[0].disabled) ? 'select-checked' : 'lightgrey'"><i
                                class="lj-item-value lj-item-value-zone "[ngStyle]="it.subHtmlObj[0].showValueCssStyle | styleFilter">{{it.subHtmlObj[0].placeHolder}}</i><i
                                class="lj-right-icon"></i></span>
  
                          </p>
                        </ng-container>
  
                        <!-- 区域 单选-->
                        <ng-container *ngIf="it.subHtmlObj &&  it.subHtmlObj[0].formType === 'pickerSelectLJ'">
  
                          <p class="lj-picker-bg">
                            <span 
                              appDebounceClick (debounceClick)="clickOnPickerSelect(it.subHtmlObj[0])"  class="input" style="width: 100%;
                            display: flex;
                            align-items: center;">
                              <span
                                [className]="(it.subHtmlObj[0].value && !it.subHtmlObj[0].disabled) ? 'select-checked' : 'lightgrey'"><i
                                  class="lj-item-value" [ngStyle]="it.subHtmlObj[0].showValueCssStyle | styleFilter">{{item.subHtmlObj[0].showValue}}</i><i
                                  class="lj-right-icon"></i></span>
  
                            </span>
  
                          </p>
  
  
                        </ng-container>
                      </div>
  
                    </div>
                  </ng-container>
                </ng-container>
  
                <ng-container *ngSwitchCase="'slider'">
                  <ng-container
                    *ngIf="(item.value && it.showCondition && (it.showCondition.indexOf(item.value) > -1 || item.value.indexOf(it.showCondition) > -1 ) ||  !it.showCondition)">
                    <div class="switchButtonFW lj-post-item" [ngStyle]="it.cssStyle | styleFilter">
                      <p class="lj-post-item-label lj-post-item-label-fw" [ngStyle]="it.labelCssStyle | styleFilter">
                        {{it.label}}
                      </p>
                      <div class="slider_bg">
                        <p class="slider_value">
                          <ng-container *ngIf="!it.showValue">
                            <span>{{it.value}}</span><span *ngIf="it.unit">{{it.unit}}</span>
                          </ng-container>
                          <ng-container *ngIf="it.showValue">
                            {{it.showValue}}
                          </ng-container>
  
                        </p>
  
                        <ion-range step="{{it.step}}" min="{{it.itemList[0].value}}"
                          max="{{it.itemList[it.itemList.length-1].value}}" color="secondary"
                          (ionChange)="changeValue($event, it)" [(ngModel)]="it.value" debounce=0 mode="ios"
                          [formControlName]="it.formKey">
  
                        </ion-range>
                        <div class="slider-label-bg">
                          <span class="slider-label" *ngFor="let it of it.itemList">{{it.label?it.label:it.value}}</span>
                        </div>
                      </div>
  
                    </div>
                  </ng-container>
                </ng-container>
                <!--下一步 -->
                <!-- <ng-container *ngSwitchCase="'nextPageFomObj'">
                  <ng-container
                    *ngIf="(item.value && it.showCondition && (it.showCondition.indexOf(item.value) > -1 || item.value.indexOf(it.showCondition) > -1 ) ||  !it.showCondition)">
                    <div style="height: 5.56rem; width: 100%; " [ngStyle]="it.cssStyle | styleFilter">
                      <div class="next-btn" appDebounceClick (debounceClick)="nextPage(it)" [ngStyle]="it.labelCssStyle | styleFilter">{{it.label}}
                      </div>
                    </div>
                  </ng-container>
                </ng-container> -->
  
              </ng-container>
            </ng-container>
          </ng-container>
          <!-- 转让出租出售 -->
          <ng-container *ngSwitchCase="'switchButtonJoin'">
            <app-text-input [item]="item" (output) = "outputTextInput($event)"> </app-text-input>  
          </ng-container>
          <ng-container *ngSwitchCase="'switchButtonFW_3'">
            <app-text-input [item]="item" (output) = "outputTextInput($event)"> </app-text-input>  
          </ng-container>
          <!-- 通用选择项目 可以输入-->
          <ng-container *ngSwitchCase="'switchButtonFW'">
            <app-text-input [item]="item" (output) = "outputTextInput($event)"> </app-text-input>  
  
            <ng-container *ngIf="item.subHtmlObj">
              <ng-container *ngFor="let it of item.subHtmlObj" [ngSwitch]="it.formType">
  
                <ng-container *ngSwitchCase="'switchButtonLJ'">
                  <ng-container
                    *ngIf="(item.value && it.showCondition && it.showCondition.indexOf(item.value) > -1) ||  !it.showCondition">
                    <app-text-input [item]="it" (output) = "outputTextInput($event)"> </app-text-input>  
                  </ng-container>
                </ng-container>
                <!-- radioButtonLJ -->
                <ng-container *ngSwitchCase="'radioButtonLJ'">
                  <ng-container
                    *ngIf="(item.value && it.showCondition && it.showCondition.indexOf(item.value) > -1) ||  !it.showCondition">
                    <p class="lj-radio-button-bg">
                      <ng-container *ngIf="it.itemList">
                        <span class="no-show">{{it.label}}</span>
                        <span class="sw-lj-item-btn" *ngFor="let i of it.itemList;let a = index"
                          [ngClass]="{'nochecked':it.value !== i.value,'checked':it.value === i.value }"
                          appDebounceClick (debounceClick)="changeItemobjValidator(it,'switchButton',a)">{{i.label}}</span>
                      </ng-container>
                    </p>
                  </ng-container>
                </ng-container>
                <!-- 通用选择项目 4 个一行 -->
                <ng-container *ngSwitchCase="'switchButtonFW'">
                  <ng-container
                    *ngIf="(item.value && it.showCondition && (it.showCondition.indexOf(item.value) > -1 || item.value.indexOf(it.showCondition) > -1 ) ||  !it.showCondition)">
                    <app-text-input [item]="it" (output) = "outputTextInput($event)"> </app-text-input>  
  
                  </ng-container>
                </ng-container>
  
                <ng-container *ngSwitchCase="'textInputLJ'">
                  <ng-container
                    *ngIf="(item.value && it.showCondition && (it.showCondition.indexOf(item.value) > -1 || item.value.indexOf(it.showCondition) > -1 ) ||  !it.showCondition)">
                    <app-text-input [item]="it" (output) = "outputTextInput($event)"> </app-text-input>
                  </ng-container>
                </ng-container>
  
                <ng-container *ngSwitchCase="'citySelectLJ'">
                  <ng-container
                    *ngIf="(item.value && it.showCondition && (it.showCondition.indexOf(item.value) > -1 || item.value.indexOf(it.showCondition) > -1 ) ||  !it.showCondition)">
                    <div class="lj-post-item" [ngStyle]="it.cssStyle | styleFilter">
                      <p class="lj-post-item-label" *ngIf="it.label && it.label.length > 0">
                        {{it.label}}
                      </p>
                      <div class="lj-post-item-city">
                        <!-- city -->
                        <ng-container *ngIf="!it.hidden">
                          <p class="lj-picker-bg lj-picker-bg-city" appDebounceClick (debounceClick)="openModalCityPage(it)">
                            <span *ngIf="it.showValue && it.showValue !== '' && it.showValue.length "
                              [className]="(it.showValue && !it.disabled) ? 'select-checked' : 'lightgrey'"><i
                                class="lj-item-value lj-item-value-city">{{it.showValue}}</i><i
                                class="lj-right-icon"></i></span>
  
                            <span *ngIf="!it.showValue"
                              [className]="(it.showValue && !it.disabled) ? 'select-checked' : 'lightgrey'"><i
                                class="lj-item-value lj-item-value-city">{{it.placeHolder}}</i><i
                                class="lj-right-icon"></i></span>
  
                          </p>
                        </ng-container>
  
                        <!-- zone -->
                        <!-- 区域多选 -->
                        <ng-container *ngIf="it.subHtmlObj &&  it.subHtmlObj[0].formType === 'modalMultipleSelectLJ'">
                          <p class="lj-picker-bg lj-picker-bg-zone" appDebounceClick (debounceClick)="openMultipleModal(it.subHtmlObj[0])">
                            <span
                              *ngIf="it.subHtmlObj[0].value && it.subHtmlObj[0].value !== '' && it.subHtmlObj[0].value.length "
                              [className]="(it.subHtmlObj[0].value && !it.subHtmlObj[0].disabled) ? 'select-checked' : 'lightgrey'"><i
                                class="lj-item-value lj-item-value-zone">{{it.subHtmlObj[0].showValue}}</i><i
                                class="lj-right-icon"></i></span>
  
                            <span *ngIf="!it.subHtmlObj[0].value"
                              [className]="(it.subHtmlObj[0].value && !it.subHtmlObj[0].disabled) ? 'select-checked' : 'lightgrey'"><i
                                class="lj-item-value lj-item-value-zone ">{{it.subHtmlObj[0].placeHolder}}</i><i
                                class="lj-right-icon"></i></span>
  
                          </p>
                        </ng-container>
  
                        <!-- 区域 单选-->
                        <ng-container *ngIf="it.subHtmlObj &&  it.subHtmlObj[0].formType === 'pickerSelectLJ'">
  
                          <p class="lj-picker-bg">
                            <span 
                              appDebounceClick (debounceClick)="clickOnPickerSelect(it.subHtmlObj[0])"  class="input" style="width: 100%;
                            display: flex;
                            align-items: center;">
                              <span
                                [className]="(it.subHtmlObj[0].value && !it.subHtmlObj[0].disabled) ? 'select-checked' : 'lightgrey'"><i
                                  class="lj-item-value">{{item.subHtmlObj[0].showValue}}</i><i
                                  class="lj-right-icon"></i></span>
  
                            </span>
  
                          </p>
  
  
                        </ng-container>
                      </div>
  
                    </div>
                  </ng-container>
                </ng-container>
  
                <ng-container *ngSwitchCase="'slider'">
                  <ng-container
                    *ngIf="(item.value && it.showCondition && (it.showCondition.indexOf(item.value) > -1 || item.value.indexOf(it.showCondition) > -1 ) ||  !it.showCondition)">
                    <div class="switchButtonFW lj-post-item" [ngStyle]="it.cssStyle | styleFilter">
                      <p class="lj-post-item-label lj-post-item-label-fw" [ngStyle]="it.labelCssStyle | styleFilter">
                        {{it.label}}
                      </p>
                      <div class="slider_bg">
                        <p class="slider_value">
                          <ng-container *ngIf="!it.showValue">
                            <span>{{it.value}}</span><span *ngIf="it.unit">{{it.unit}}</span>
                          </ng-container>
                          <ng-container *ngIf="it.showValue">
                            {{it.showValue}}
                          </ng-container>
  
                        </p>
  
                        <ion-range step="{{it.step}}" min="{{it.itemList[0].value}}"
                          max="{{it.itemList[it.itemList.length-1].value}}" color="secondary"
                          (ionChange)="changeValue($event, it)" [(ngModel)]="it.value" debounce=0 mode="ios"
                          [formControlName]="it.formKey">
  
                        </ion-range>
                        <div class="slider-label-bg">
                          <span class="slider-label" *ngFor="let it of it.itemList">{{it.label?it.label:it.value}}</span>
                        </div>
                      </div>
  
                    </div>
                  </ng-container>
                </ng-container>
                <!--下一步 -->
                <!-- <ng-container *ngSwitchCase="'nextPageFomObj'">
                  <ng-container
                    *ngIf="(item.value && it.showCondition && (it.showCondition.indexOf(item.value) > -1 || item.value.indexOf(it.showCondition) > -1 ) ||  !it.showCondition)">
                    <div style="height: 5.56rem; width: 100%; " [ngStyle]="it.cssStyle | styleFilter">
                      <div class="next-btn" appDebounceClick (debounceClick)="nextPage(it)" [ngStyle]="it.labelCssStyle | styleFilter">{{it.label}}
                      </div>
                    </div>
                  </ng-container>
                </ng-container> -->
  
              </ng-container>
            </ng-container>
          </ng-container>
          <ng-container *ngSwitchCase="'bottomModalOfMoreItemsFW'">
            <p class="design-item designItem" [ngStyle]="item.cssStyle | styleFilter" appDebounceClick (debounceClick)="openModalMoreEditInfo(item)">
              <img *ngIf="item.leftIcon" src="{{item.leftIcon}}" alt="" [ngStyle]="item.leftIconCssStyle | styleFilter">
              
              <span *ngIf="!item.showValue || item.showValue === ''"
              [className]="(item.showValue && !item.disabled) ? 'select-checked' : 'lightgrey'" [ngStyle]="item.placeholderCssStyle | styleFilter" class="design-item-label">
                {{item.placeHolder}}
                
            </span>
  
            <span *ngIf="item.showValue && item.showValue !== ''"
            [className]="(item.showValue && !item.disabled) ? 'select-checked' : 'lightgrey'" [ngStyle]="item.valueCssStyle | styleFilter" class="design-item-label" [innerHTML]="item.showValue | parseStyle">
              
            </span>
            
              <img *ngIf="item.endIcon && item.endIcon.indexOf('http') > -1 " src="{{item.endIcon}}" alt="" [ngStyle]="item.endIconCssStyle | styleFilter">
              <img *ngIf="item.endIcon && !(item.endIcon.indexOf('http') > -1) " src="assets/icon/arrow_icon_down@3x.png" alt="" [ngStyle]="item.endIconCssStyle | styleFilter">
            </p>
          </ng-container>
          <!-- 编辑更多-小区 箭头向下-->
          <ng-container *ngSwitchCase="'modalOfMoreItemsFW'">
            <div class="lj-post-item" [ngStyle]="item.cssStyle | styleFilter">
              <p class="lj-post-item-label" [ngStyle]="item.labelCssStyle | styleFilter">
                {{item.label}}
              </p>
              <p class="lj-picker-bg" style="padding-left: 0.75rem;" [ngStyle]="item.valueCssStyle | styleFilter">
  
                <span *ngIf="!item.showValue || item.showValue === ''"
                  [className]="(item.showValue && !item.disabled) ? 'select-checked' : 'lightgrey'"
                  appDebounceClick (debounceClick)="openModalMoreEditInfo(item)">
                  <i class="lj-item-value">{{item.placeHolder}}</i><i *ngIf="item.del && item.showValue"
                    class="lj-picker-right-del"></i><i class="lj-right-icon"></i>
                </span>
  
                <span *ngIf="item.showValue && item.showValue !== ''"
                  [className]="(item.showValue && !item.disabled) ? 'select-checked' : 'lightgrey'"
                  appDebounceClick (debounceClick)="openModalMoreEditInfo(item)">
                  <i
                    class="lj-item-value">{{item.showValue}}</i><i *ngIf="item.del && item.showValue"
                    class="lj-picker-right-del"></i><i class="lj-right-icon"></i></span>
  
              </p>
  
            </div>
  
          </ng-container>
  
          <!-- 滑动杆设置值 -->
          <ng-container *ngSwitchCase="'slider'">
            <div class="switchButtonFW lj-post-item" [ngStyle]="item.cssStyle | styleFilter">
              <p class="lj-post-item-label lj-post-item-label-fw" [ngStyle]="item.labelCssStyle | styleFilter">
                {{item.label}}
              </p>
              <div class="slider_bg">
                <p class="slider_value">
                  <ng-container *ngIf="!item.showValue">
                    <span>{{item.value}}</span><span *ngIf="item.unit">{{item.unit}}</span>
                  </ng-container>
                  <ng-container *ngIf="item.showValue">
                    {{item.showValue}}
                  </ng-container>
  
                </p>
  
                <ion-range step="{{item.step}}" min="{{item.itemList[0].value}}"
                  max="{{item.itemList[item.itemList.length-1].value}}" color="secondary"
                  (ionChange)="changeValue($event, item)" [(ngModel)]="item.value" debounce=0 mode="ios"
                  [formControlName]="item.formKey">
  
                </ion-range>
                <div class="slider-label-bg">
                  <span class="slider-label" *ngFor="let it of item.itemList">{{it.label?it.label:it.value}}</span>
                </div>
              </div>
  
            </div>
  
          </ng-container>
  
          <!-- 入驻新 箭头向右-->
          <ng-container *ngSwitchCase="'modalOfMoreItemsJoin'">
            <div class="lj-post-item" [ngStyle]="item.cssStyle | styleFilter">
              <p class="lj-post-item-label" [ngStyle]="item.labelCssStyle | styleFilter">
                {{item.label}}
              </p>
              <p class="lj-picker-bg" style="padding-left: 0.75rem;" [ngStyle]="item.valueCssStyle | styleFilter">
  
                <span *ngIf="!item.value || item.value === ''"
                  [className]="(item.value && !item.disabled) ? 'select-checked' : 'lightgrey'"
                  appDebounceClick (debounceClick)="openModalMoreEditInfo(item)">
                  <i class="lj-item-value">{{item.placeHolder}}</i><i *ngIf="item.del && item.value"
                    class="lj-picker-right-del"></i><i class="lj-right-icon"></i>
                </span>
  
                <span *ngIf="item.value && item.value !== ''"
                  [className]="(item.value && !item.disabled) ? 'select-checked' : 'lightgrey'"
                  appDebounceClick (debounceClick)="openModalMoreEditInfo(item)"><i
                    class="lj-item-value">{{item.value}}</i><i *ngIf="item.del && item.value"
                    class="lj-picker-right-del"></i><i class="lj-right-icon"></i></span>
  
              </p>
  
            </div>
  
          </ng-container>
  
          <!-- 中间弹窗多选——邀请入驻样式  -->
          <ng-container *ngSwitchCase="'multipleColumnSelectJoin'">
  
  
            <div class="join-form-item-bg" [ngStyle]="item.cssStyle | styleFilter"
              appDebounceClick (debounceClick)="showMultipleColumnSelect(item)">
              <p class="join-label" [ngStyle]="item.labelCssStyle | styleFilter" *ngIf="item.label && item.label !==''">
                {{item.label}}</p>
  
              <span class="join-sep" [ngStyle]="item.sepCssStyle | styleFilter"></span>
              <p class="palce-hoder-join" *ngIf="!(item.showValue && item.showValue.length> 0)"
                [ngStyle]="item.placeholderCssStyle | styleFilter">{{item.placeHolder}}</p>
              <p class="value-join" *ngIf="item.showValue && item.showValue.length> 0"
                [ngStyle]="item.valueCssStyle | styleFilter" [innerHTML]="item.showValue | parseStyle"></p>
              <img class="end-icon" *ngIf="item.endIcon && item.endIcon.length > 0" src="{{item.endIcon}}" alt="">
  
            </div>
  
          </ng-container>
          <ng-container *ngSwitchCase="'joinLinks'">
            <div class="joinLinks join-links" [ngStyle]="item.cssStyle | styleFilter">
              <img class="icon-link"  [ngStyle]="item.leftIconCssStyle | styleFilter" [ngClass]="{'displayno': item.checked}" src="{{item.icon}}"  alt=""
                appDebounceClick (debounceClick)="changeItemobjValidator(item,'joinLinks')">
              <img class="icon-link"  [ngStyle]="item.leftIconCssStyle | styleFilter" src="{{item.iconOn}}" [ngClass]="{'displayno': !item.checked}" alt=""
                appDebounceClick (debounceClick)="changeItemobjValidator(item,'joinLinks')">
              <p class="links-check-bg">
  
  
                <span class="links-label" [ngStyle]="item.labelCssStyle | styleFilter"
                  appDebounceClick (debounceClick)="changeItemobjValidator(item,'joinLink')">{{item.label}}</span>
                <span class="xieyi-links" [ngStyle]="item.valueCssStyle | styleFilter" *ngFor="let it of item.itemList"
                  appDebounceClick (debounceClick)="openPage(it.link)">{{it.label}}</span>
              </p>
  
            </div>
  
  
          </ng-container>
  
          <!--  底部弹窗单选 -->
          <ng-container *ngSwitchCase="'singleColumnSelectJoin'">
  
            <div class="join-form-item-bg" [ngStyle]="item.cssStyle | styleFilter" appDebounceClick (debounceClick)="showActionSheet(item)">
              <p class="join-label" [ngStyle]="item.labelCssStyle | styleFilter" *ngIf="item.label && item.label !==''">
                {{item.label}}</p>
  
              <span class="join-sep" [ngStyle]="item.sepCssStyle | styleFilter"></span>
              <p class="palce-hoder-join" *ngIf="!(item.showValue && item.showValue.length> 0)"
                [ngStyle]="item.placeholderCssStyle | styleFilter">{{item.placeHolder}}</p>
              <p class="value-join" *ngIf="item.showValue && item.showValue.length> 0"
                [ngStyle]="item.valueCssStyle | styleFilter" [innerHTML]="item.showValue | parseStyle"></p>
              <img class="end-icon" *ngIf="item.endIcon && item.endIcon.length > 0" src="{{item.endIcon}}" alt="">
            </div>
  
            <ng-container *ngIf="item.subHtmlObj">
              <ng-container *ngFor="let it of item.subHtmlObj" [ngSwitch]="it.formType">
                <!-- 59.3 modalMultipleSelect3_Full 弹窗2-3级分类多选 (全屏窗) 有三级（品牌。全选不包含品牌选择）时候 二级占整行，子项不定宽。-->
                <ng-container *ngSwitchCase="'modalMultipleSelect3_Full'">
                  <ng-container
                    *ngIf="(item.value && it.showCondition && (it.showCondition.indexOf(item.value) > -1 || item.value.indexOf(it.showCondition) > -1 ) ||  !it.showCondition)">
                    <div class="join-form-item-bg" [ngStyle]="it.cssStyle | styleFilter"
                      appDebounceClick (debounceClick)="modalMultipleSelect3FullScreen(it)">
                      <p class="join-label" [ngStyle]="it.labelCssStyle | styleFilter"
                        *ngIf="it.label && item.label !==''">
                        {{it.label}}</p>
  
                      <span class="join-sep" [ngStyle]="it.sepCssStyle | styleFilter"></span>
                      <p class="palce-hoder-join" *ngIf="!(it.showValue && it.showValue.length> 0)"
                        [ngStyle]="it.placeholderCssStyle | styleFilter">{{it.placeHolder}}</p>
                      <p class="value-join" *ngIf="it.showValue && it.showValue.length> 0"
                        [ngStyle]="it.valueCssStyle | styleFilter" [innerHTML]="it.showValue | parseStyle"></p>
                      <img class="end-icon" *ngIf="it.endIcon && it.endIcon.length > 0" src="{{it.endIcon}}" alt="">
  
                    </div>
  
                  </ng-container>
                </ng-container>
  
                <ng-container *ngSwitchCase="'modalMultipleSelect3_Auto_Full'">
                  <ng-container
                    *ngIf="(item.value && it.showCondition && (it.showCondition.indexOf(item.value) > -1 || item.value.indexOf(it.showCondition) > -1 ) ||  !it.showCondition)">
  
                    <div class="join-form-item-bg" [ngStyle]="it.cssStyle | styleFilter"
                    appDebounceClick (debounceClick)="modalMultipleSelect3AutoFull(it)">
                    <p class="join-label" [ngStyle]="it.labelCssStyle | styleFilter" *ngIf="it.label && it.label !==''">
                      {{it.label}}</p>
        
                    <span class="join-sep" [ngStyle]="it.sepCssStyle | styleFilter"></span>
                    <p class="palce-hoder-join" *ngIf="!(it.showValue && it.showValue.length> 0)"
                      [ngStyle]="it.placeholderCssStyle | styleFilter">{{it.placeHolder}}</p>
                    <p class="value-join" *ngIf="it.showValue && it.showValue.length> 0"
                      [ngStyle]="it.valueCssStyle | styleFilter" [innerHTML]="it.showValue | parseStyle"></p>
                    <img class="end-icon" *ngIf="it.endIcon && it.endIcon.length > 0" src="{{it.endIcon}}" alt="">
        
                  </div>
  
                  </ng-container>
                  
        
                </ng-container>
              </ng-container>
            </ng-container>
  
  
          </ng-container>
  
          <!-- 蜂喔入驻 省市2级 pickerSelectJoin-->
          <ng-container *ngSwitchCase="'pickerSelectJoin'">
            <app-text-input [item]="item" (output) = "outputTextInput($event)"> </app-text-input>
  
            <ng-container *ngIf="item.subHtmlObj">
              <ng-container *ngFor="let it of item.subHtmlObj" [ngSwitch]="it.formType">
                <!-- 多选 -->
                <ng-container *ngSwitchCase="'multipleColumnSelectJoin'">
                  <ng-container
                    *ngIf="(item.value && it.showCondition && (it.showCondition.indexOf(item.value) > -1 || item.value.indexOf(it.showCondition) > -1 ) ||  !it.showCondition)">
                    <div class="join-form-item-bg" [ngStyle]="it.cssStyle | styleFilter"
                      appDebounceClick (debounceClick)="showMultipleColumnSelect(it)">
                      <p class="join-label" [ngStyle]="it.labelCssStyle | styleFilter" *ngIf="it.label && it.label !==''">
                        {{it.label}}</p>
                      <span class="join-sep" [ngStyle]="it.sepCssStyle | styleFilter"></span>
                      <p class="palce-hoder-join" *ngIf="!(it.showValue && it.showValue.length> 0)"
                        [ngStyle]="it.placeholderCssStyle | styleFilter">{{it.placeHolder}}</p>
                      <p class="value-join" *ngIf="it.showValue && it.showValue.length> 0"
                        [ngStyle]="it.valueCssStyle | styleFilter" [innerHTML]="it.showValue | parseStyle"></p>
                      <img class="end-icon" *ngIf="it.endIcon && it.endIcon.length > 0" src="{{it.endIcon}}" alt="">
                    </div>
                  </ng-container>
                </ng-container>
              </ng-container>
            </ng-container>
  
          </ng-container>
  
          <!-- 商户入驻 省市2级 pickerSelectTwoLine-->
          <ng-container *ngSwitchCase="'pickerSelectTwoLine'">
            <app-text-input [item]="item" (output) = "outputTextInput($event)"> </app-text-input>
            <ng-container *ngIf="item.subHtmlObj">
              <ng-container *ngFor="let it of item.subHtmlObj" [ngSwitch]="it.formType">
                <!-- 多选 -->
                <ng-container *ngSwitchCase="'multipleColumnSelectTwoLine'">
                  <ng-container
                    *ngIf="(item.value && it.showCondition && (it.showCondition.indexOf(item.value) > -1 || item.value.indexOf(it.showCondition) > -1 ) ||  !it.showCondition)">
                    <div class="edit-m-s-bg" [ngStyle]="item.cssStyle | styleFilter"
                      appDebounceClick (debounceClick)="showMultipleColumnSelect(it)">
                      <p class="label">{{it.label}} <i class="detail-icon"></i></p>
                      <p class="palce-hoder" *ngIf="!(it.showValue && it.showValue.length> 0)">{{it.placeHolder}}</p>
                      <p class="value" *ngIf="it.showValue && it.showValue.length> 0" [innerHTML]="it.showValue | parseStyle"></p>
                    </div>
                  </ng-container>
                </ng-container>
              </ng-container>
            </ng-container>
  
          </ng-container>
  
          <ng-container *ngSwitchCase="'airBubbles'">
            <div class="airBubbles air-bubbles-bg" [ngStyle]="item.cssStyle | styleFilter">
  
              <div class="air-bubbles-value" [innerHTML]="item.value | parseStyle" [ngStyle]="item.valueCssStyle | styleFilter"></div>
              <div class="air-bubbles-arrow" [ngStyle]="item.sepCssStyle | styleFilter"></div>
            </div>
          </ng-container>
          <!--  singleColumnSelectTwoLine-->
          <ng-container *ngSwitchCase="'singleColumnSelectTwoLine'">
            <div class="edit-m-s-bg" [ngStyle]="item.cssStyle | styleFilter"   appDebounceClick (debounceClick)="showActionSheet(item)">
              <p class="label">{{item.label}} <i class="detail-icon"></i></p>
              <p class="palce-hoder" *ngIf="!(item.showValue && item.showValue.length> 0)">{{item.placeHolder}}</p>
              <p class="value" *ngIf="item.showValue && item.showValue.length> 0" [innerHTML]="item.showValue | parseStyle"></p>
            </div>
  
          </ng-container>
  
          <!--  材料多选3 主要建材 有全选 -->
          <ng-container *ngSwitchCase="'multipleSelect3'">
            <ng-container>
              <ng-container *ngIf="item.tips && item.tips.length > 0">
              <div class="multiple-select-bg-3-tips">{{item.tips}}</div>
              </ng-container>
              
              <div class="multiple-select-bg-3" [ngClass]="{'has-tips': item.tips && item.tips.length > 0}" [ngStyle]="item.cssStyle | styleFilter">
                <div class="multiple-select-left">
                  <div class="item-left" [ngClass]="{'item-left-open': it.open}" *ngFor="let it of item.children; "
                    appDebounceClick (debounceClick)="itemLeftClick(it,item)">
                    <span class="yellow-current" *ngIf="it.open"></span>
                    <span class="red-dot" *ngIf="it.hasValue"></span>
                    {{it.label}}
                  </div>
                </div>
                <div class="multiple-select-right"
                  [ngClass]="{'multiple-select-right-first': item.current !== item.children[0]}">
                  <ng-container
                    *ngIf="item.current?.children?.length > 0 && (!item.current?.children[0].children || item.current?.children[0].children?.length === 0); else hasChildren">
  
                    <div class="row-bg" style="padding-left: 1rem;padding-right:0.25rem;padding-top: 0;margin-bottom: 0.5rem;">
                      <div class="row" style="margin-bottom: 1.75rem;margin-top: 0" *ngIf="item.showCheckAll === 'true'">
                        <i [ngClass]="{'nochecked-row': !item.current.checked,'checked-row': item.current.checked}"
                          appDebounceClick (debounceClick)="chooseCurrentAll(item)"></i>
                        <span style="flex-grow: 1;">全选</span>
                      </div>
                      <div class="tag-bg">
                        <div class="tag" [ngClass]="{'tag-checked': tag.checked}" appDebounceClick (debounceClick)="tagClick(tag,tag,item)"
                          *ngFor="let tag of item.current.children">{{tag.label}}</div>
                      </div>
  
                    </div>
                  </ng-container>
                  <ng-template #hasChildren>
  
                    <div class="row-bg" style="padding-left: 1.25rem;padding-top: 0;margin-bottom: 0.5rem;">
                      <div class="row" style="margin-bottom: 1.75rem;margin-top: 0;" *ngIf="item.showCheckAll === 'true'">
                        <i [ngClass]="{'nochecked-row': !item.current.checked,'checked-row': item.current.checked}"
                          appDebounceClick (debounceClick)="chooseCurrentAll(item)"></i>
                        <span style="flex-grow: 1;">全选</span>
                      </div>
  
                      <ng-container *ngFor="let it of item.current?.children">
                        <div class="row">
                          <i [ngClass]="{'nochecked-row': !it.checked,'checked-row': it.checked}"
                            appDebounceClick (debounceClick)="chooseAll(it,item)"></i>
                          <span style="flex-grow: 1;">{{it.label}}</span>
                        </div>
                        <div class="tag-bg" id=it.value *ngIf="it.children && it.children.length >0">
                          <div class="tag" [ngClass]="{'tag-checked': tag.checked}" appDebounceClick (debounceClick)="tagClick(tag,it,item)"
                            *ngFor="let tag of it.children">{{tag.label}}</div>
                        </div>
                      </ng-container>
  
  
  
                    </div>
                  </ng-template>
  
  
                </div>
  
              </div>
  
  
            </ng-container>
          </ng-container>
  
          <!-- 维修预估价格 -->
          
          <ng-container *ngSwitchCase="'estimatePrice'">
            <div class="estimate-price-bg" [ngStyle]="item.cssStyle | styleFilter" >
              <span class="price-label" [ngStyle]="item.labelCssStyle | styleFilter">{{item.label}}</span>
              <span class="price-tips">{{item.tips}}</span>
              <span class="price-label-u">￥</span>
              <span class="price" [ngStyle]="item.valueCssStyle | styleFilter" >{{item.value}}</span>
              <span class="price-uint">{{item.unit}}</span>
            </div>
          </ng-container>
        
        </List>
      </div>

    </form>

    <div class="footer-bg">
      <p *ngIf="currentIndex == 0" class="next-btn" appDebounceClick (debounceClick)="nextClick()">下一步</p>
      <p *ngIf="currentIndex == 1" class="previous-btn" appDebounceClick (debounceClick)="previousClick()">上一步</p>
      <p *ngIf="currentIndex == 1 && this.fieldset1 && this.fieldset1.length > 0" class="submit-btn" appDebounceClick (debounceClick)="submitClick()">{{fieldset1[fieldset1.length-1].label}}</p>
    </div>
  </div>

</ng-container>